summaryrefslogtreecommitdiffstats
path: root/gui-editors/gui-editor-apex/src/main/webapp/dist/resources
diff options
context:
space:
mode:
authordanielhanrahan <daniel.hanrahan@est.tech>2022-02-15 18:02:23 +0000
committerdanielhanrahan <daniel.hanrahan@est.tech>2022-02-16 15:26:38 +0000
commit770049ea162573d5afa1aaefed6131fe5e0a77f7 (patch)
treef702a09afd7b18879a562674c760c682c78895c0 /gui-editors/gui-editor-apex/src/main/webapp/dist/resources
parent29df248caa234bc0dff3c20875bdaecfeba127e0 (diff)
Refactor apex-editor frontend build
Moved frontend from src/main/resources/webapp to src/main/webapp Moved static resources such as jquery-ui to webapp/dist folder Configured jest to exclude webapp/dist from coverage report Removed unused ZIP file assembly Cleaned up POM Issue-ID: POLICY-3896 Signed-off-by: danielhanrahan <daniel.hanrahan@est.tech> Change-Id: Ia006eb94a39586219029866eef94aef38912ad65
Diffstat (limited to 'gui-editors/gui-editor-apex/src/main/webapp/dist/resources')
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleLeftSmall_black_10px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleRightSmall_black_10px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDownSmall_black_10px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowLeftSmall_black_10px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowRightSmall_black_10px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowUpSmall_black_10px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleLeftSmall_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleRightSmall_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_blue_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_blue_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUpSmall_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_Yellow_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_Yellow_16px.svg21
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Cancelled_Black_16px.svg7
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_black_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Comment_black_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Link_black_16px.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_black_16px.svg32
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_white_16px.svg36
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/SyncError_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncd_16px.svg24
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Animated_16px.svg69
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Static_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMaximize_black_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMinimize_black_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_blue_16px.svg9
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_green_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_orange_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_paleBlue_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_red_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_yellow_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_black_16px.svg31
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_white_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_black_16px.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_black_16px.svg36
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activity_16px_black.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_black.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_black_16px.svg55
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_white_16px.svg11
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_black_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_white_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_white_16px.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmHeartbeat_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_white_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_white_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmOtherGrouping_16px.svg25
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnspecified_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_16px.svg11
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/arrowUpSmall_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_black_16px.svg11
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/baseStation.svg35
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cabinet_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_black_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellAdjacent_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellExternal_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_gray_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_green_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_red_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_black.svg25
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_white_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_white_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_white_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_white_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm.svg34
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_black_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/close_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/comment_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connected_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connectionError_black_16px.svg31
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/controllingNode.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_white_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/coreSubscriber_black_16px.svg29
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/core_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_black.svg35
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_white.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/database_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_black_16px.svg34
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_black_16px.svg23
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_white_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deprecated_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_black_16px.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_blue.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/disconnected_black_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/document_white_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_black.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white.svg10
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/draft.svg11
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_white_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/error_red_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/expand_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_black_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_black_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_white_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastForward_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastRewind_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_white_16px.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_off.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_on.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_black.svg10
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_white.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_white_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServerFunction_black_16px.svg31
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServer_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreenMinimise_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreen_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gatewayFunction_black_16px.svg35
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_black_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_white.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3X3_black_16px.svg38
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3x3_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4X4_black_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4x4_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_black_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_black.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_export.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/infoMsgIndicator_16px.svg167
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_black.svg27
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/invalid_icon.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/jumpTo_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/login.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/logout_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_white_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_white_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedFunction_black_16px.svg28
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedGroup_black_16px.svg31
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managementNode_black_16px.svg34
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_white_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/microwave.svg28
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minimiseFullscreen_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minus_black_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mo.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/move.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_black_16px.svg24
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_white_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/network_black_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_black_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_blue_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_green_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_white_16px.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/obsolete_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/pause_black_16px.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/play_black_16px.svg9
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/plus_black_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_black_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_white_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/remove.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/resume_black_16px.svg76
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/routeSwitch.svg23
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowCollapsed_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowExpanded_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_black_16px.svg29
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rxi_black_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_black_16px.svg21
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_white_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_black_16px.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_white_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_black_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_white_16px.svg22
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_green_tick.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_tick.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/siteManager_black_16px.svg29
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/site_black_16px.svg23
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_black_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_black_16px.svg9
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_white_16px.svg9
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_yellow_16px.svg9
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_yellow_16px.svg11
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/stop_black_16px.svg9
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/subnetwork.svg24
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/suspend_black_16px.svg150
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switch.svg26
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_black_16px.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_white_16px.svg166
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchFunction_black_16px.svg33
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_black_16px.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_white_16px.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/technicianPresent_16px.svg20
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/terminal_black_16px.svg11
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_green_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_black_16px.svg47
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_white_16px.svg37
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/topology_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_black_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_white_16px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_black_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_white_16px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/upload_black_16px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_black_16px.svg21
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_white_16px.svg21
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/valid_icon.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_black_16px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_white.svg1
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_orange_16px.svg21
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_white.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_yellow_16px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/error_red_28px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/information_blue_28px.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/tick_green_28px.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/warning_yellow_28px.svg23
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/contextMenu/menu_black_16px.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/close_exit_icon.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/collapse_icon.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow_hit.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/expand_icon.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/info-black-16x16.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_hit.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/magnify_black.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/next_arrows_hit.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/previous_arrows_hit.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_hit.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/save_black.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow_hit.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/confirmation_icon.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/error_icon.svg18
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/information_icon.svg17
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/warning_icon.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/drilldownPath/arrow.svg8
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_black.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_green.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_black.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_green.svg12
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/invalid_icon.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_black.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_green.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/valid_icon.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleLeft_black_10x8px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleRight_black_10x8px.svg16
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDown_black_8x5px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowLeft_black_5x8px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowRight_black_5x8px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowUp_black_8x5px.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/errorSmall_red_10px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_black_10x8px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_green_10x8px.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_end.svg8
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_next.svg13
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_previous.svg14
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_start.svg8
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/help_black.svg19
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/logout_black.svg15
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/button.pngbin0 -> 44599 bytes
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/pagecustomization.PNGbin0 -> 49551 bytes
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/systembar.pngbin0 -> 38262 bytes
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/table.pngbin0 -> 59715 bytes
-rw-r--r--gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/typography.pngbin0 -> 38452 bytes
351 files changed, 6066 insertions, 0 deletions
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleLeftSmall_black_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleLeftSmall_black_10px.svg
new file mode 100644
index 0000000..898b6df
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleLeftSmall_black_10px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path d="M3.293,8.708l-3-3C0.098,5.513,0,5.257,0,5.001S0.098,4.49,0.293,4.294l3-3c0.391-0.391,1.023-0.391,1.414,0
+ s0.391,1.023,0,1.414L2.414,5.001l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414S3.684,9.099,3.293,8.708z"/>
+<path d="M8.293,8.708l-3-3C5.098,5.513,5,5.257,5,5.001S5.098,4.49,5.293,4.294l3-3c0.391-0.391,1.023-0.391,1.414,0
+ s0.391,1.023,0,1.414L7.414,5.001l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414S8.684,9.099,8.293,8.708z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleRightSmall_black_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleRightSmall_black_10px.svg
new file mode 100644
index 0000000..9990528
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDoubleRightSmall_black_10px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path d="M6.707,1.294l3,3C9.902,4.49,10,4.745,10,5.001S9.902,5.513,9.707,5.708l-3,3c-0.391,0.391-1.023,0.391-1.414,0
+ s-0.391-1.023,0-1.414l2.293-2.293L5.293,2.708c-0.391-0.391-0.391-1.023,0-1.414S6.316,0.904,6.707,1.294z"/>
+<path d="M1.707,1.294l3,3C4.902,4.49,5,4.745,5,5.001S4.902,5.513,4.707,5.708l-3,3c-0.391,0.391-1.023,0.391-1.414,0
+ s-0.391-1.023,0-1.414l2.293-2.293L0.293,2.708c-0.391-0.391-0.391-1.023,0-1.414S1.316,0.904,1.707,1.294z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDownSmall_black_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDownSmall_black_10px.svg
new file mode 100644
index 0000000..896e047
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowDownSmall_black_10px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path d="M8.707,4.708l-3,2.999C5.512,7.902,5.256,8,5,8S4.488,7.902,4.293,7.707l-3-2.999c-0.391-0.391-0.391-1.023,0-1.414
+ s1.023-0.391,1.414,0L5,5.587l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S9.098,4.318,8.707,4.708z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowLeftSmall_black_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowLeftSmall_black_10px.svg
new file mode 100644
index 0000000..2b90d36
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowLeftSmall_black_10px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path d="M5.293,8.708l-3-3C2.098,5.513,2,5.257,2,5.001S2.098,4.49,2.293,4.294l3-3c0.391-0.391,1.023-0.391,1.414,0
+ s0.391,1.023,0,1.414L4.414,5.001l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414S5.684,9.099,5.293,8.708z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowRightSmall_black_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowRightSmall_black_10px.svg
new file mode 100644
index 0000000..6b70349
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowRightSmall_black_10px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path d="M4.707,1.295l3,3C7.902,4.491,8,4.747,8,5.002S7.902,5.514,7.707,5.709l-3,3C4.316,9.1,3.684,9.1,3.293,8.709
+ s-0.391-1.023,0-1.414l2.293-2.293L3.293,2.709c-0.391-0.391-0.391-1.023,0-1.414S4.316,0.905,4.707,1.295z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowUpSmall_black_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowUpSmall_black_10px.svg
new file mode 100644
index 0000000..6b4ae12
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/10px/ArrowUpSmall_black_10px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path d="M1.293,5.294l3-3C4.488,2.099,4.744,2.001,5,2.001s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414
+ s-1.023,0.391-1.414,0L5,4.415L2.707,6.708c-0.391,0.391-1.023,0.391-1.414,0S0.902,5.685,1.293,5.294z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleLeftSmall_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleLeftSmall_black_16px.svg
new file mode 100644
index 0000000..a75ec26
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleLeftSmall_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1317.971 16 16" enable-background="new 13 1317.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M24.394,1329.677l-3-3c-0.195-0.195-0.293-0.451-0.293-0.707c0-0.256,0.098-0.512,0.293-0.707l3-3
+ c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-2.293,2.293l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414
+ C25.417,1330.068,24.785,1330.068,24.394,1329.677z"/>
+<path d="M19.393,1329.677l-3-3c-0.195-0.195-0.293-0.451-0.293-0.707c0-0.256,0.098-0.512,0.293-0.707l3-3
+ c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-2.293,2.293l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414
+ C20.417,1330.068,19.784,1330.068,19.393,1329.677z"/>
+<rect x="13" y="1317.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleRightSmall_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleRightSmall_black_16px.svg
new file mode 100644
index 0000000..7559f79
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDoubleRightSmall_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1285.971 16 16" enable-background="new 13 1285.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M17.706,1290.263l3,3c0.195,0.195,0.293,0.451,0.293,0.707c0,0.256-0.098,0.512-0.293,0.707l-3,3
+ c-0.391,0.391-1.023,0.391-1.414,0c-0.391-0.391-0.391-1.023,0-1.414l2.293-2.293l-2.293-2.293c-0.391-0.391-0.391-1.023,0-1.414
+ S17.315,1289.873,17.706,1290.263z"/>
+<path d="M22.707,1290.263l3,3c0.195,0.195,0.293,0.451,0.293,0.707c0,0.256-0.098,0.512-0.293,0.707l-3,3
+ c-0.391,0.391-1.023,0.391-1.414,0c-0.391-0.391-0.391-1.023,0-1.414l2.293-2.293l-2.293-2.293c-0.391-0.391-0.391-1.023,0-1.414
+ S22.316,1289.873,22.707,1290.263z"/>
+<rect x="13" y="1285.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_black_16px.svg
new file mode 100644
index 0000000..51c9dbb
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1221.971 16 16" enable-background="new 13 1221.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M24.707,1229.578l-3,3c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293l-3-3
+ c-0.391-0.391-0.391-1.023,0-1.414s1.023-0.391,1.414,0l2.293,2.293l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0
+ S25.098,1229.188,24.707,1229.578z"/>
+<rect x="13" y="1221.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_blue_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_blue_16px.svg
new file mode 100644
index 0000000..2355a5a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_blue_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 -4 16 16" enable-background="new -1.5 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#00A9D4" d="M12.332,2.732l-4.801,4.8C7.219,7.844,6.81,8.001,6.4,8.001S5.582,7.844,5.27,7.532l-4.801-4.8
+ c-0.625-0.626-0.625-1.637,0-2.263c0.625-0.626,1.638-0.626,2.263,0L6.4,4.139l3.669-3.669c0.625-0.626,1.638-0.626,2.263,0
+ C12.957,1.096,12.957,2.106,12.332,2.732"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_white_16px.svg
new file mode 100644
index 0000000..3a31698
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDownSmall_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-4 -5.5 16 16" enable-background="new -4 -5.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M0.293,0.293C0.488,0.1,0.744,0,1,0s0.512,0.1,0.707,0.293l2.294,2.293l2.293-2.293
+ c0.391-0.391,1.023-0.391,1.414,0c0.391,0.393,0.391,1.023,0,1.414l-3,3c-0.391,0.392-1.024,0.392-1.415,0l-3-3
+ C-0.098,1.316-0.098,0.686,0.293,0.293"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_black_16px.svg
new file mode 100644
index 0000000..922491d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 613.971 16 16" enable-background="new 13 613.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,626.969c-0.25,0-0.491-0.073-0.668-0.26l-4.055-4.324c-0.368-0.391-0.369-1.024,0-1.414
+ c0.369-0.391,0.967-0.391,1.336,0l2.442,2.616v-6.616c0-0.553,0.423-1,0.945-1c0.521,0,0.945,0.447,0.945,1v6.617l2.442-2.617
+ c0.369-0.391,0.967-0.391,1.336,0c0.185,0.195,0.277,0.451,0.277,0.707c0,0.256-0.092,0.512-0.277,0.707l-4.056,4.324
+ C21.49,626.896,21.25,626.969,21,626.969z"/>
+<rect x="13" y="613.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_blue_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_blue_16px.svg
new file mode 100644
index 0000000..2355a5a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_blue_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 -4 16 16" enable-background="new -1.5 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#00A9D4" d="M12.332,2.732l-4.801,4.8C7.219,7.844,6.81,8.001,6.4,8.001S5.582,7.844,5.27,7.532l-4.801-4.8
+ c-0.625-0.626-0.625-1.637,0-2.263c0.625-0.626,1.638-0.626,2.263,0L6.4,4.139l3.669-3.669c0.625-0.626,1.638-0.626,2.263,0
+ C12.957,1.096,12.957,2.106,12.332,2.732"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_white_16px.svg
new file mode 100644
index 0000000..a0ff136
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowDown_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2.5 -2.5 16 16" enable-background="new -2.5 -2.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M5.292,11.029c-0.265,0-0.52-0.104-0.707-0.293L0.292,6.413c-0.39-0.391-0.39-1.024,0.001-1.414
+ c0.391-0.391,1.023-0.391,1.414,0l2.586,2.616V1c0-0.553,0.447-1,1-1c0.552,0,1,0.447,1,1v6.616l2.585-2.617
+ c0.391-0.392,1.023-0.392,1.414,0c0.195,0.194,0.293,0.451,0.293,0.707s-0.098,0.512-0.293,0.707l-4.293,4.323
+ C5.813,10.924,5.559,11.029,5.292,11.029"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_black_16px.svg
new file mode 100644
index 0000000..6cdafed
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1253.971 16 16" enable-background="new 13 1253.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21.293,1265.677l-3-3c-0.195-0.195-0.293-0.451-0.293-0.707c0-0.256,0.098-0.512,0.293-0.707l3-3
+ c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-2.293,2.293l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414
+ C22.316,1266.068,21.684,1266.068,21.293,1265.677z"/>
+<rect x="13" y="1253.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_white_16px.svg
new file mode 100644
index 0000000..4c0270f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeftSmall_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-5.5 -4 16 16" enable-background="new -5.5 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M4.708,0.293C4.901,0.488,5.001,0.744,5.001,1s-0.1,0.512-0.293,0.707L2.415,4.001l2.293,2.293
+ c0.391,0.391,0.391,1.023,0,1.414c-0.393,0.391-1.023,0.391-1.414,0l-3-3c-0.392-0.391-0.392-1.024,0-1.415l3-3
+ C3.685-0.098,4.315-0.098,4.708,0.293"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_black_16px.svg
new file mode 100644
index 0000000..d1a5bd8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 645.971 16 16" enable-background="new 13 645.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M16.001,653.97c0-0.251,0.073-0.491,0.261-0.668l4.324-4.055c0.391-0.368,1.023-0.369,1.414,0
+ c0.391,0.369,0.391,0.967,0,1.336l-2.616,2.443H26c0.553,0,1,0.423,1,0.945c0,0.521-0.447,0.945-1,0.945h-6.617L22,657.357
+ c0.391,0.369,0.391,0.967,0,1.336c-0.195,0.185-0.451,0.277-0.707,0.277s-0.512-0.092-0.707-0.277l-4.324-4.056
+ C16.074,654.46,16.001,654.22,16.001,653.97z"/>
+<rect x="13" y="645.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_white_16px.svg
new file mode 100644
index 0000000..29c1919
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowLeft_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M2,8.001c0-0.25,0.073-0.491,0.261-0.669l4.324-4.056c0.391-0.367,1.023-0.369,1.414,0s0.391,0.968,0,1.336
+ L5.383,7.055l6.616,0c0.554,0,1,0.425,1,0.945c0,0.522-0.446,0.946-1,0.946H5.382l2.617,2.442c0.391,0.369,0.391,0.967,0,1.336
+ c-0.195,0.186-0.451,0.277-0.707,0.277s-0.512-0.092-0.707-0.277L2.261,8.67C2.073,8.493,2,8.252,2,8.001z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+</svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_black_16px.svg
new file mode 100644
index 0000000..f8c8dc9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1189.971 16 16" enable-background="new 13 1189.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M20.706,1194.263l3,3c0.195,0.195,0.293,0.451,0.293,0.707c0,0.256-0.098,0.512-0.293,0.707l-3,3
+ c-0.391,0.391-1.023,0.391-1.414,0c-0.391-0.391-0.391-1.023,0-1.414l2.293-2.293l-2.293-2.293c-0.391-0.391-0.391-1.023,0-1.414
+ S20.315,1193.873,20.706,1194.263z"/>
+<rect x="13" y="1189.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_white_16px.svg
new file mode 100644
index 0000000..ea4aa18
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRightSmall_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-5.5 -4 16 16" enable-background="new -5.5 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M0.293,7.708C0.1,7.512,0,7.256,0,7s0.1-0.512,0.293-0.707L2.586,4L0.293,1.707
+ c-0.391-0.391-0.391-1.023,0-1.414c0.393-0.391,1.023-0.391,1.414,0l3,3c0.392,0.391,0.392,1.023,0,1.414l-3,3
+ C1.316,8.098,0.686,8.098,0.293,7.708"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_black_16px.svg
new file mode 100644
index 0000000..c14a488
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 581.971 16 16" enable-background="new 13 581.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M25.999,589.972c0,0.25-0.073,0.491-0.261,0.669l-4.324,4.055c-0.391,0.368-1.023,0.369-1.414,0
+ c-0.391-0.369-0.391-0.967,0-1.336l2.616-2.443H16c-0.553,0-1-0.423-1-0.945c0-0.521,0.447-0.945,1-0.945h6.617L20,586.584
+ c-0.391-0.369-0.391-0.967,0-1.336c0.195-0.185,0.451-0.277,0.707-0.277s0.512,0.092,0.707,0.277l4.324,4.056
+ C25.926,589.481,25.999,589.721,25.999,589.972z"/>
+<rect x="13" y="581.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_white_16px.svg
new file mode 100644
index 0000000..0e510ee
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowRight_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12.999,8.002c0,0.25-0.073,0.491-0.261,0.669l-4.324,4.056c-0.391,0.367-1.023,0.369-1.414,0
+ s-0.391-0.968,0-1.336l2.616-2.443H3c-0.553,0-1-0.424-1-0.945C2,7.48,2.447,7.056,3,7.056h6.617L7,4.614
+ C6.609,4.245,6.609,3.647,7,3.278c0.195-0.185,0.451-0.277,0.707-0.277s0.512,0.092,0.707,0.277l4.324,4.056
+ C12.926,7.511,12.999,7.751,12.999,8.002z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUpSmall_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUpSmall_black_16px.svg
new file mode 100644
index 0000000..c51e6ab
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUpSmall_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1157.971 16 16" enable-background="new 13 1157.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M17.293,1167.264l3-3c0.195-0.195,0.451-0.293,0.707-0.293s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414
+ c-0.391,0.391-1.023,0.391-1.414,0L21,1166.385l-2.293,2.293c-0.391,0.391-1.023,0.391-1.414,0
+ C16.902,1168.288,16.902,1167.655,17.293,1167.264z"/>
+<rect x="13" y="1157.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_black_16px.svg
new file mode 100644
index 0000000..4f096ee
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 549.971 16 16" enable-background="new 13 549.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,552.971c0.25,0,0.491,0.073,0.668,0.26l4.055,4.324c0.368,0.391,0.369,1.024,0,1.414c-0.369,0.391-0.967,0.391-1.336,0
+ l-2.442-2.616v6.616c0,0.553-0.423,1-0.945,1c-0.521,0-0.945-0.447-0.945-1v-6.617l-2.442,2.617c-0.369,0.391-0.967,0.391-1.336,0
+ c-0.185-0.195-0.277-0.451-0.277-0.707s0.092-0.512,0.277-0.707l4.056-4.324C20.51,553.044,20.75,552.971,21,552.971z"/>
+<rect x="13" y="549.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_white_16px.svg
new file mode 100644
index 0000000..9ccbe20
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ArrowUp_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2.5 -2.5 16 16" enable-background="new -2.5 -2.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M5.294,0c0.265,0,0.52,0.104,0.707,0.293l4.293,4.323c0.39,0.391,0.39,1.024-0.001,1.414
+ c-0.391,0.391-1.023,0.391-1.414,0L6.293,3.414v6.615c0,0.553-0.447,1-1,1c-0.552,0-1-0.447-1-1V3.413L1.707,6.03
+ c-0.391,0.392-1.023,0.392-1.414,0C0.098,5.836,0,5.579,0,5.323s0.098-0.512,0.293-0.707l4.294-4.323C4.773,0.104,5.027,0,5.294,0"
+ />
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_Yellow_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_Yellow_16px.svg
new file mode 100644
index 0000000..ebb4059
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_Yellow_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="709.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M14.681,12.305c0.022-0.091,0.105-0.152,0.197-0.152H16v-1.366h-1.122c-0.092,0-0.175-0.062-0.197-0.152
+ c-0.077-0.29-0.19-0.569-0.342-0.825c-0.046-0.078-0.033-0.179,0.03-0.245l0.794-0.795l-0.965-0.963l-0.793,0.792
+ c-0.066,0.066-0.167,0.077-0.246,0.031c-0.257-0.15-0.536-0.264-0.824-0.341c-0.09-0.022-0.153-0.105-0.153-0.196V6.969h-1.365
+ v1.123c0,0.091-0.062,0.176-0.152,0.196c-0.29,0.076-0.566,0.19-0.825,0.341C9.76,8.675,9.658,8.663,9.593,8.598L8.8,7.806
+ L7.836,8.769l0.793,0.795C8.695,9.63,8.709,9.73,8.661,9.809c-0.151,0.257-0.264,0.536-0.343,0.825
+ c-0.024,0.09-0.104,0.152-0.199,0.152H7v1.366h1.121c0.094,0,0.173,0.062,0.198,0.152c0.078,0.289,0.191,0.566,0.342,0.825
+ c0.048,0.077,0.034,0.178-0.03,0.246l-0.794,0.792l0.965,0.965l0.793-0.793c0.065-0.066,0.165-0.077,0.244-0.031
+ c0.261,0.15,0.537,0.264,0.826,0.341c0.091,0.022,0.153,0.105,0.153,0.197v1.122h1.365v-1.122c0-0.092,0.062-0.175,0.152-0.197
+ c0.289-0.077,0.567-0.19,0.825-0.341c0.077-0.046,0.179-0.034,0.246,0.031l0.793,0.793l0.964-0.965l-0.793-0.792
+ c-0.064-0.067-0.076-0.168-0.03-0.246C14.49,12.871,14.604,12.594,14.681,12.305z M11.499,13.438c-1.086,0-1.967-0.881-1.967-1.968
+ c0-1.088,0.882-1.97,1.967-1.97c1.089,0,1.971,0.882,1.971,1.97C13.47,12.557,12.588,13.438,11.499,13.438z"/>
+<path fill="#FABB00" d="M6,11.469c0-3.038,2.462-5.5,5.5-5.5c0.197,0,0.393,0.012,0.584,0.032L9.547,0.926
+ C9.254,0.34,8.654-0.03,8-0.03S6.746,0.34,6.453,0.926L0.182,13.468c-0.269,0.535-0.238,1.173,0.075,1.682
+ c0.315,0.511,0.872,0.82,1.472,0.82h6.617C6.928,14.975,6,13.331,6,11.469z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_black_16px.svg
new file mode 100644
index 0000000..1d4bcc7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSCFunction_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="645.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M14.681,12.305c0.022-0.091,0.105-0.152,0.197-0.152H16v-1.366h-1.122c-0.092,0-0.175-0.062-0.197-0.152
+ c-0.077-0.29-0.19-0.569-0.342-0.825c-0.046-0.078-0.033-0.179,0.03-0.245l0.794-0.795l-0.965-0.963l-0.793,0.792
+ c-0.066,0.066-0.167,0.077-0.246,0.031c-0.257-0.15-0.536-0.264-0.824-0.341c-0.09-0.022-0.153-0.105-0.153-0.196V6.969h-1.365
+ v1.123c0,0.091-0.062,0.176-0.152,0.196c-0.29,0.076-0.566,0.19-0.825,0.341C9.76,8.675,9.658,8.663,9.593,8.598L8.8,7.806
+ L7.836,8.769l0.793,0.795C8.695,9.63,8.709,9.73,8.661,9.809c-0.151,0.257-0.264,0.536-0.343,0.825
+ c-0.024,0.09-0.104,0.152-0.199,0.152H7v1.366h1.121c0.094,0,0.173,0.062,0.199,0.152c0.078,0.289,0.191,0.566,0.342,0.825
+ c0.048,0.077,0.034,0.178-0.03,0.246l-0.794,0.792l0.965,0.965l0.793-0.793c0.065-0.066,0.165-0.077,0.244-0.031
+ c0.261,0.15,0.537,0.264,0.826,0.341c0.091,0.022,0.153,0.105,0.153,0.197v1.122h1.365v-1.122c0-0.092,0.062-0.175,0.152-0.197
+ c0.289-0.077,0.567-0.19,0.825-0.341c0.077-0.046,0.179-0.034,0.246,0.031l0.793,0.793l0.964-0.965l-0.793-0.792
+ c-0.064-0.067-0.076-0.168-0.03-0.246C14.49,12.871,14.604,12.594,14.681,12.305z M11.499,13.438c-1.086,0-1.967-0.881-1.967-1.968
+ c0-1.088,0.882-1.97,1.967-1.97c1.089,0,1.971,0.882,1.971,1.97C13.47,12.557,12.588,13.438,11.499,13.438z"/>
+<path d="M6,11.469c0-3.038,2.462-5.5,5.5-5.5c0.197,0,0.393,0.012,0.584,0.032L9.547,0.926C9.254,0.34,8.654-0.03,8-0.03
+ S6.746,0.34,6.453,0.926L0.182,13.468c-0.269,0.535-0.239,1.173,0.075,1.682c0.315,0.511,0.872,0.82,1.472,0.82h6.617
+ C6.928,14.975,6,13.331,6,11.469z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_Yellow_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_Yellow_16px.svg
new file mode 100644
index 0000000..0e387b4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_Yellow_16px.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 677.97 16 16" enable-background="new 8 677.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<g>
+ <g>
+ <path fill="#FABB00" d="M23.742,693.149c-0.316,0.511-0.873,0.821-1.472,0.821H9.729c-0.599,0-1.155-0.31-1.471-0.821
+ c-0.314-0.508-0.344-1.146-0.075-1.681l6.27-12.542c0.293-0.586,0.893-0.956,1.547-0.956s1.254,0.37,1.547,0.956l6.271,12.542
+ C24.086,692.003,24.056,692.641,23.742,693.149z"/>
+ </g>
+</g>
+<rect x="8" y="677.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_black_16px.svg
new file mode 100644
index 0000000..3c21be1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/BSC_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 613.97 16 16" enable-background="new 8 613.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<g>
+ <path d="M23.742,629.149c-0.316,0.511-0.873,0.821-1.472,0.821H9.729c-0.599,0-1.155-0.31-1.471-0.821
+ c-0.314-0.508-0.344-1.146-0.075-1.681l6.27-12.542c0.293-0.586,0.893-0.956,1.547-0.956s1.254,0.37,1.547,0.956l6.271,12.542
+ C24.086,628.003,24.056,628.641,23.742,629.149z"/>
+</g>
+<rect x="8" y="613.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Cancelled_Black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Cancelled_Black_16px.svg
new file mode 100644
index 0000000..e7cf56b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Cancelled_Black_16px.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#1D1D1B" d="M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M11,9H5C4.448,9,4,8.552,4,8s0.448-1,1-1h6
+ c0.553,0,1,0.448,1,1S11.553,9,11,9z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_black_16px.svg
new file mode 100644
index 0000000..78de108
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_black_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="1669.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<g>
+ <path d="M16,13c0,1.65-1.35,3-3,3H3c-1.65,0-3-1.35-3-3V3c0-1.649,1.35-3,3-3h10c1.65,0,3,1.351,3,3V13z"/>
+</g>
+<path fill="#FFFFFF" d="M7.707,10.707l-3,3C4.512,13.902,4.256,14,4,14s-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414
+ L5.586,10L3.293,7.707c-0.391-0.39-0.391-1.023,0-1.414s1.023-0.391,1.414,0l3,3C7.895,9.48,8,9.734,8,10S7.895,10.52,7.707,10.707z
+ "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_white_16px.svg
new file mode 100644
index 0000000..c3419dd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/CommandLineInterface_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M13,0H3C1.35,0,0,1.351,0,3v10c0,1.65,1.35,3,3,3h10c1.65,0,3-1.35,3-3V3C16,1.351,14.65,0,13,0z
+ M7.707,10.707l-3,3C4.512,13.902,4.256,14,4,14s-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414L5.586,10L3.293,7.707
+ c-0.391-0.39-0.391-1.023,0-1.414s1.023-0.391,1.414,0l3,3C7.895,9.48,8,9.734,8,10S7.895,10.52,7.707,10.707z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Comment_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Comment_black_16px.svg
new file mode 100644
index 0000000..8f334bd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Comment_black_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path d="M13,0H3C1.35,0,0,1.35,0,3v6c0,1.65,1.35,3,3,3v3c0,0.55,0.382,0.762,0.848,0.471L9.398,12H13c1.65,0,3-1.35,3-3V3
+ C16,1.35,14.65,0,13,0z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Link_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Link_black_16px.svg
new file mode 100644
index 0000000..a5471dc
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Link_black_16px.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>link_icon</title><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M6.7,13.62l2.36-2.35a3.21,3.21,0,0,1-2.24-.47L5.28,12.32h0a1.27,1.27,0,0,1-1.65-.12,1.23,1.23,0,0,1,0-1.53h0L6.7,7.62a1.25,1.25,0,0,1,1.54,0A1,1,0,0,0,9.3,7.38a1,1,0,0,0,.24-1.06,2.82,2.82,0,0,0-4.25.12l-3,2.82a3.12,3.12,0,0,0,.12,4.35,3,3,0,0,0,4.25,0Z"/><path class="cls-1" d="M9.3,2.33,6.94,4.68a3.21,3.21,0,0,1,2.24.47l1.54-1.53h0a1.27,1.27,0,0,1,1.65.12,1.41,1.41,0,0,1,0,1.65h0L9.3,8.32a1.25,1.25,0,0,1-1.54,0,1,1,0,0,0-1.06.24,1.12,1.12,0,0,0-.35,1.18c2,2,4.37,0,4.37,0l3-2.94h0a3.12,3.12,0,0,0-.12-4.35A3,3,0,0,0,9.3,2.33Z"/></g></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_black_16px.svg
new file mode 100644
index 0000000..ae63819
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_black_16px.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 5.97 16 16" enable-background="new 8 5.97 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M21.5,6.47
+ c0.763,0.883,1.2,1.5,1.2,3c0,1.5-0.437,2.117-1.199,3"/>
+<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M19.5,7.97
+ c0.314,0.418,0.5,0.937,0.5,1.5s-0.186,1.082-0.5,1.5"/>
+<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M10.5,6.47
+ c-0.763,0.883-1.2,1.5-1.2,3c0,1.5,0.437,2.117,1.2,3"/>
+<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12.5,7.97
+ C12.186,8.388,12,8.907,12,9.47s0.186,1.082,0.5,1.5"/>
+<path d="M20.541,20.928c-0.003-0.039-0.008-0.077-0.019-0.115c-0.004-0.015-0.002-0.031-0.008-0.046l-3.732-9.739
+ c0.572-0.288,0.969-0.874,0.969-1.558c0-0.967-0.784-1.75-1.75-1.75c-0.969,0-1.75,0.783-1.75,1.75c0,0.675,0.384,1.252,0.943,1.545
+ l-3.738,9.752c-0.112,0.292,0.034,0.62,0.326,0.732c0.033,0.013,0.066,0.011,0.1,0.017c0.021,0.005,0.04,0.007,0.06,0.01
+ c0.037,0.003,0.071,0.004,0.107,0c0.098-0.006,0.196-0.027,0.283-0.086C13.734,20.501,14,19.97,16,19.97s2.266,0.531,3.669,1.471
+ c0.087,0.058,0.184,0.08,0.281,0.086c0.012,0.001,0.022,0.01,0.034,0.01c0.019,0,0.039-0.009,0.058-0.011
+ c0.032-0.003,0.063-0.009,0.095-0.018c0.017-0.005,0.033-0.003,0.05-0.009c0.019-0.007,0.031-0.022,0.049-0.031
+ c0.035-0.018,0.067-0.037,0.098-0.062c0.03-0.024,0.056-0.05,0.08-0.08c0.013-0.015,0.03-0.024,0.042-0.041
+ c0.009-0.014,0.01-0.03,0.018-0.044c0.019-0.034,0.032-0.069,0.044-0.107c0.011-0.034,0.02-0.067,0.023-0.103
+ C20.545,20.998,20.543,20.964,20.541,20.928z M15.984,12.117l1.477,3.853h-2.954L15.984,12.117z M16,18.97
+ c-0.95,0.001-1.902,0.246-2.927,0.744l1.052-2.744h3.72l1.046,2.728C17.879,19.212,16.938,18.971,16,18.97z"/>
+<rect x="8" y="5.97" fill="none" width="16" height="16"/>
+<rect x="8" y="5.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_white_16px.svg
new file mode 100644
index 0000000..41c1557
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/RBS_white_16px.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M9.75,3.688c0-0.967-0.783-1.75-1.75-1.75c-0.969,0-1.75,0.783-1.75,1.75S7.031,5.438,8,5.438
+ C8.967,5.438,9.75,4.655,9.75,3.688"/>
+<path fill="#FFFFFF" d="M12,15.941c-0.229,0-0.443-0.138-0.529-0.364L8,6.522l-3.471,9.055c-0.112,0.292-0.442,0.439-0.732,0.326
+ c-0.292-0.111-0.439-0.44-0.326-0.731l4-10.437c0.168-0.439,0.891-0.439,1.059,0l4,10.437c0.112,0.291-0.034,0.62-0.326,0.731
+ C12.136,15.93,12.066,15.941,12,15.941"/>
+<path fill="#FFFFFF" d="M10.112,11.816H5.938c-0.313,0-0.567-0.254-0.567-0.567c0-0.313,0.254-0.566,0.567-0.566h4.175
+ c0.313,0,0.567,0.254,0.567,0.566C10.68,11.563,10.426,11.816,10.112,11.816"/>
+<path fill="#FFFFFF" d="M12.031,15.941c-0.08,0-0.16-0.017-0.236-0.052c-0.663-0.305-1.204-0.567-1.657-0.787
+ c-2.083-1.011-2.083-1.011-4.271,0.035c-0.443,0.213-0.968,0.463-1.601,0.753c-0.286,0.129-0.621,0.005-0.751-0.28
+ c-0.131-0.285-0.005-0.621,0.28-0.752c0.626-0.286,1.144-0.534,1.582-0.744c2.58-1.233,2.775-1.236,5.255-0.032
+ c0.447,0.218,0.98,0.477,1.635,0.777c0.285,0.131,0.409,0.467,0.279,0.752C12.451,15.818,12.246,15.941,12.031,15.941"/>
+<path fill="#FFFFFF" d="M3.971,6.142c-0.158,0-0.311-0.09-0.384-0.242C3.322,5.346,3.188,4.751,3.188,4.137
+ c0-0.948,0.331-1.871,0.933-2.602C4.271,1.355,4.54,1.33,4.72,1.478c0.182,0.149,0.207,0.418,0.058,0.599
+ c-0.477,0.578-0.74,1.309-0.74,2.061c0,0.487,0.107,0.957,0.317,1.396c0.102,0.212,0.013,0.465-0.2,0.566
+ C4.095,6.128,4.032,6.142,3.971,6.142"/>
+<path fill="#FFFFFF" d="M1.042,7.6c-0.158,0-0.312-0.089-0.384-0.242C0.222,6.443,0,5.464,0,4.448c0-1.564,0.547-3.09,1.54-4.294
+ c0.149-0.181,0.419-0.205,0.599-0.057C2.32,0.247,2.346,0.514,2.196,0.695C1.328,1.747,0.85,3.081,0.85,4.448
+ c0,0.889,0.194,1.744,0.576,2.544c0.102,0.212,0.012,0.466-0.2,0.566C1.166,7.587,1.104,7.6,1.042,7.6"/>
+<path fill="#FFFFFF" d="M12.029,6.142c0.158,0,0.311-0.09,0.384-0.242c0.265-0.554,0.398-1.148,0.398-1.763
+ c0-0.948-0.331-1.871-0.933-2.602c-0.15-0.181-0.419-0.206-0.599-0.058c-0.182,0.149-0.207,0.418-0.058,0.599
+ c0.477,0.578,0.739,1.309,0.739,2.061c0,0.487-0.106,0.957-0.316,1.396c-0.102,0.212-0.013,0.465,0.2,0.566
+ C11.905,6.128,11.967,6.142,12.029,6.142"/>
+<path fill="#FFFFFF" d="M14.958,7.6c0.158,0,0.311-0.089,0.384-0.242C15.778,6.443,16,5.464,16,4.448c0-1.564-0.547-3.09-1.54-4.294
+ c-0.15-0.181-0.419-0.205-0.599-0.057c-0.182,0.149-0.207,0.417-0.058,0.598c0.868,1.052,1.347,2.386,1.347,3.753
+ c0,0.889-0.194,1.744-0.576,2.544c-0.102,0.212-0.013,0.466,0.199,0.566C14.834,7.587,14.896,7.6,14.958,7.6"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/SyncError_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/SyncError_16px.svg
new file mode 100644
index 0000000..47416af
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/SyncError_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0.5 0.5 16 16" enable-background="new 0.5 0.5 16 16" xml:space="preserve">
+<g>
+ <path d="M15.244,4.762l0.205,0.185L12.986,2.73c-0.25-0.224-0.625-0.292-0.948-0.17C11.713,2.682,11.5,2.967,11.5,3.284v1.172V4.5
+ h-7v2h7v0.044v1.172c0.001,0.212,0.096,0.411,0.255,0.556c0.078,0.069,0.175,0.127,0.283,0.168c0.323,0.121,0.701,0.054,0.948-0.17
+ l2.26-2.033C15.586,5.934,15.585,5.068,15.244,4.762z"/>
+ <polygon fill="#515151" points="1.756,11.239 1.756,11.239 1.551,11.055 "/>
+ <path d="M5.5,9.5V9.456V8.283c0-0.213-0.095-0.411-0.254-0.555C5.167,7.658,5.071,7.6,4.962,7.559
+ c-0.324-0.121-0.701-0.053-0.949,0.17L1.754,9.762c-0.34,0.305-0.339,1.17,0.002,1.479l2.257,2.028
+ c0.25,0.228,0.625,0.293,0.949,0.17C5.289,13.318,5.5,13.033,5.5,12.717v-1.173V11.5h7v-2H5.5z"/>
+</g>
+<g>
+ <path fill="#E32219" d="M12.5,8.499c-2.209,0-4,1.791-4,4s1.791,4,4,4s4-1.791,4-4S14.709,8.499,12.5,8.499"/>
+ <path fill="#FFFFFF" d="M14.268,13.559c0.196,0.196,0.196,0.512,0,0.707c-0.097,0.1-0.225,0.146-0.354,0.146
+ c-0.127,0-0.256-0.049-0.354-0.146L12.5,13.205l-1.061,1.061c-0.1,0.1-0.228,0.146-0.354,0.146s-0.256-0.049-0.354-0.146
+ c-0.193-0.195-0.193-0.511,0-0.707l1.063-1.061l-1.063-1.061c-0.193-0.195-0.193-0.514,0-0.707c0.195-0.195,0.514-0.195,0.707,0
+ l1.063,1.061l1.063-1.061c0.194-0.195,0.512-0.195,0.707,0c0.194,0.193,0.194,0.512,0,0.707l-1.063,1.061L14.268,13.559z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncd_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncd_16px.svg
new file mode 100644
index 0000000..534bd7e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncd_16px.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0.5 0.5 16 16" enable-background="new 0.5 0.5 16 16" xml:space="preserve">
+<g>
+ <path d="M15.244,4.762l0.205,0.185L12.986,2.73c-0.25-0.224-0.625-0.292-0.948-0.17C11.713,2.682,11.5,2.967,11.5,3.284v1.172V4.5
+ h-7v2h7v0.044v1.172c0.001,0.212,0.096,0.411,0.255,0.556c0.078,0.069,0.175,0.127,0.283,0.168c0.323,0.121,0.701,0.054,0.948-0.17
+ l2.26-2.033C15.586,5.934,15.585,5.068,15.244,4.762z"/>
+ <polygon fill="#515151" points="1.756,11.239 1.756,11.239 1.551,11.055 "/>
+ <path d="M5.5,9.5V9.456V8.283c0-0.213-0.095-0.411-0.254-0.555C5.167,7.658,5.071,7.6,4.962,7.559
+ c-0.324-0.121-0.701-0.053-0.949,0.17L1.754,9.762c-0.34,0.305-0.339,1.17,0.002,1.479l2.257,2.028
+ c0.25,0.228,0.625,0.293,0.949,0.17C5.289,13.318,5.5,13.033,5.5,12.717v-1.173V11.5h7v-2H5.5z"/>
+</g>
+<g>
+ <path fill="#808080" d="M12.5,8.5c-2.209,0-4,1.791-4,4c0,2.207,1.791,4,4,4c2.207,0,4-1.793,4-4C16.5,10.291,14.707,8.5,12.5,8.5"
+ />
+ <g>
+ <path fill="#FFFFFF" d="M12,14.5c-0.132,0-0.261-0.051-0.354-0.145l-1.5-1.502c-0.195-0.194-0.195-0.512,0-0.707
+ s0.512-0.195,0.707,0l1.111,1.113l2.15-2.58c0.178-0.213,0.49-0.24,0.705-0.064c0.213,0.177,0.238,0.492,0.064,0.705l-2.5,2.999
+ c-0.092,0.108-0.223,0.175-0.363,0.18C12.015,14.5,12.008,14.5,12,14.5z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Animated_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Animated_16px.svg
new file mode 100644
index 0000000..f9a47e7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Animated_16px.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0.5 0.5 16 16" enable-background="new 0.5 0.5 16 16" xml:space="preserve">
+<!-- TOP ARROW -->
+<rect id="TopArrow_1Block" x="3.5" y="4.5" fill="#333333" width="1" height="2" fill-opacity="1">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".1s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".5s" dur=".5s" repeatCount="indefinite" />
+</rect>
+
+<rect id="TopArrow_2Block" x="5.5" y="4.5" fill="#333333" width="1" height="2" fill-opacity=".5">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".2s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".6s" dur=".5s" repeatCount="indefinite" />
+</rect>
+
+
+<rect id="TopArrow_3Block" x="7.5" y="4.5" fill="#333333" width="3" height="2" fill-opacity="1">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".3s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".7s" dur=".5s" repeatCount="indefinite" />
+</rect>
+
+<path id="TopArrow_TriangleButt" fill="#333333" fill-opacity="1" d="M11.986,2.73c-0.25-0.224-0.625-0.292-0.948-0.17C10.713,2.682,10.5,2.967,10.5,3.284v1.172V4.5v2v0.044
+ v1.172c0.001,0.212,0.096,0.411,0.255,0.556c0.078,0.069,0.175,0.127,0.283,0.168c0.323,0.121,0.701,0.055,0.948-0.17L12.5,7.808
+ V3.192L11.986,2.73z">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".4s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".8s" dur=".5s" repeatCount="indefinite" />
+</path>
+
+<path id="TopArrow_TriangleTip" fill="#333333" fill-opacity="1" d="M14.245,4.763L12.5,3.192v4.615l1.746-1.571C14.586,5.935,14.585,5.069,14.245,4.763z">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".4s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".8s" dur=".5s" repeatCount="indefinite" />
+</path>
+
+
+<!-- BOTTOM ARROW -->
+
+<rect id="BottomArrow_1Block" x="10.5" y="9.5" fill="#333333" width="1" height="2" fill-opacity="1">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".1s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".5s" dur=".5s" repeatCount="indefinite" />
+</rect>
+
+<rect id="BottomArrow_2Block" x="8.5" y="9.5" fill="#333333" width="1" height="2" fill-opacity="1">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".2s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".6s" dur=".5s" repeatCount="indefinite" />
+</rect>
+
+<rect id="BottomArrow_3Block" x="4.5" y="9.5" fill="#333333" width="3" height="2" fill-opacity="1">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".3s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".7s" dur=".5s" repeatCount="indefinite" />
+</rect>
+
+<path id="BottomArrow_TriangleButt" fill="#333333" fill-opacity="1" d="M4.247,7.728C4.167,7.658,4.071,7.601,3.962,7.56C3.639,7.438,3.261,7.505,3.014,7.73L2.5,8.192v4.616
+ l0.514,0.462c0.25,0.228,0.625,0.293,0.949,0.17C4.29,13.318,4.5,13.033,4.5,12.717v-1.173V11.5v-2V9.456V8.283
+ C4.5,8.07,4.406,7.872,4.247,7.728z">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".4s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".8s" dur=".5s" repeatCount="indefinite" />
+</path>
+
+
+<path id="BottomArrow_TriangleTip" fill="#333333" fill-opacity="1" d="M0.754,9.762c-0.338,0.304-0.338,1.162,0,1.475L2.5,12.808V8.192L0.754,9.762z">
+ <animate attributeType="XML" attributeName="fill-opacity" from=".3" to="1" begin=".4s" dur=".5s" repeatCount="indefinite" />
+ <animate attributeType="XML" attributeName="fill-opacity" from="1" to=".3" begin=".8s" dur=".5s" repeatCount="indefinite" />
+</path>
+
+
+
+
+
+
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Static_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Static_16px.svg
new file mode 100644
index 0000000..1e2c7ea
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/Syncing_Static_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0.5 0.5 16 16" enable-background="new 0.5 0.5 16 16" xml:space="preserve">
+<g>
+ <rect x="4.5" y="4.5" fill="#808080" width="1" height="2"/>
+ <path fill="#808080" d="M15.244,4.762l0.205,0.185L12.986,2.73c-0.25-0.224-0.625-0.292-0.948-0.17
+ C11.713,2.682,11.5,2.967,11.5,3.284v1.172V4.5h-3v2h3v0.044v1.172c0.001,0.212,0.096,0.411,0.255,0.556
+ c0.078,0.069,0.175,0.127,0.283,0.168c0.323,0.121,0.701,0.054,0.948-0.17l2.26-2.033C15.586,5.934,15.585,5.068,15.244,4.762z"/>
+ <rect x="6.5" y="4.5" fill="#808080" width="1" height="2"/>
+</g>
+<g>
+ <path fill="#808080" d="M5.5,9.456V8.283c0-0.213-0.095-0.411-0.254-0.555C5.167,7.658,5.071,7.601,4.962,7.56
+ c-0.324-0.122-0.701-0.054-0.949,0.17L1.754,9.762c-0.34,0.305-0.339,1.17,0.002,1.479l-0.205-0.186l2.462,2.215
+ c0.25,0.227,0.625,0.293,0.949,0.17C5.289,13.318,5.5,13.033,5.5,12.717v-1.173V11.5h3v-2h-3V9.456z"/>
+ <rect x="9.5" y="9.5" fill="#808080" width="1" height="2"/>
+ <rect x="11.5" y="9.5" fill="#808080" width="1" height="2"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMaximize_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMaximize_black_16px.svg
new file mode 100644
index 0000000..19d1f97
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMaximize_black_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1797.971 16 16" enable-background="new 13 1797.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M26.5,1800.97c-0.275,0-10.725,0-11,0s-0.5,0.225-0.5,0.5s0,7.725,0,8s0.225,0.5,0.5,0.5c0.22,0,10.78,0,11,0
+ c0.275,0,0.5-0.225,0.5-0.5s0-7.725,0-8S26.775,1800.97,26.5,1800.97z M26,1808.97H16v-6h10V1808.97z"/>
+<rect x="13" y="1797.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="15.999"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMinimize_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMinimize_black_16px.svg
new file mode 100644
index 0000000..276b01e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/WindowMinimize_black_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1765.971 16 16" enable-background="new 13 1765.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M27,1771.47c0-0.275-0.225-0.5-0.5-0.5s-9.725,0-10,0s-0.5,0.225-0.5,0.5s0,1.725,0,2s0.225,0.5,0.5,0.5c0.22,0,9.78,0,10,0
+ c0.275,0,0.5-0.225,0.5-0.5S27,1771.746,27,1771.47z"/>
+<rect x="13" y="1765.971" display="none" opacity="0.2" fill="#E94E47" width="16" height="15.999"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_black_16px.svg
new file mode 100644
index 0000000..4b18697
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 325.971 16 16" enable-background="new 13 325.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M22.477,333.971l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L21,332.494l-2.216-2.216
+ c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478l2.216,2.216l-2.216,2.217c-0.408,0.407-0.408,1.068,0,1.477
+ c0.204,0.204,0.471,0.306,0.739,0.306c0.268,0,0.536-0.102,0.738-0.306L21,335.448l2.218,2.217c0.203,0.204,0.472,0.306,0.739,0.306
+ c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L22.477,333.971z"/>
+<rect x="13" y="325.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_blue_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_blue_16px.svg
new file mode 100644
index 0000000..d27dff9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_blue_16px.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0.001 16 16" enable-background="new 0 0.001 16 16" xml:space="preserve">
+<path fill="#0053a9" d="M9.477,8l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L8,6.522L5.783,4.306
+ c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478L6.522,8l-2.216,2.217c-0.408,0.407-0.408,1.068,0,1.477
+ C4.51,11.898,4.777,12,5.045,12c0.268,0,0.536-0.102,0.738-0.306L8,9.477l2.218,2.217C10.42,11.898,10.689,12,10.956,12
+ c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L9.477,8z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_green_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_green_16px.svg
new file mode 100644
index 0000000..07d9db1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_green_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1509.971 16 16" enable-background="new 13 1509.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#89BA17" d="M22.477,1517.971l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L21,1516.494
+ l-2.216-2.216c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478l2.216,2.216l-2.216,2.217
+ c-0.408,0.407-0.408,1.068,0,1.477c0.204,0.204,0.471,0.306,0.739,0.306c0.268,0,0.536-0.102,0.738-0.306l2.216-2.217l2.218,2.217
+ c0.203,0.204,0.472,0.306,0.739,0.306c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L22.477,1517.971z"/>
+<rect x="13" y="1509.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_orange_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_orange_16px.svg
new file mode 100644
index 0000000..e923fae
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_orange_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1573.971 16 16" enable-background="new 13 1573.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#F08A00" d="M22.477,1581.971l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L21,1580.494
+ l-2.216-2.216c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478l2.216,2.216l-2.216,2.217
+ c-0.408,0.407-0.408,1.068,0,1.477c0.204,0.204,0.471,0.306,0.739,0.306c0.268,0,0.536-0.102,0.738-0.306l2.216-2.217l2.218,2.217
+ c0.203,0.204,0.472,0.306,0.739,0.306c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L22.477,1581.971z"/>
+<rect x="13" y="1573.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_paleBlue_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_paleBlue_16px.svg
new file mode 100644
index 0000000..cbc03f7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_paleBlue_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1605.971 16 16" enable-background="new 13 1605.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#00A9D4" d="M22.477,1613.97l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L21,1612.492
+ l-2.216-2.216c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478l2.216,2.216l-2.216,2.217
+ c-0.408,0.407-0.408,1.068,0,1.477c0.204,0.204,0.471,0.306,0.739,0.306c0.268,0,0.536-0.102,0.738-0.306l2.216-2.217l2.218,2.217
+ c0.203,0.204,0.472,0.306,0.739,0.306c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L22.477,1613.97z"/>
+<rect x="13" y="1605.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_red_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_red_16px.svg
new file mode 100644
index 0000000..b3c5a56
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_red_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1541.971 16 16" enable-background="new 13 1541.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#E32219" d="M22.477,1549.97l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L21,1548.492
+ l-2.216-2.216c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478l2.216,2.216l-2.216,2.217
+ c-0.408,0.407-0.408,1.068,0,1.477c0.204,0.204,0.471,0.306,0.739,0.306c0.268,0,0.536-0.102,0.738-0.306l2.216-2.217l2.218,2.217
+ c0.203,0.204,0.472,0.306,0.739,0.306c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L22.477,1549.97z"/>
+<rect x="13" y="1541.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_yellow_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_yellow_16px.svg
new file mode 100644
index 0000000..b557075
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/X_yellow_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1637.971 16 16" enable-background="new 13 1637.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#FABB00" d="M22.477,1645.97l2.218-2.216c0.407-0.408,0.407-1.07,0-1.478c-0.409-0.408-1.07-0.408-1.478,0L21,1644.492
+ l-2.216-2.216c-0.408-0.408-1.069-0.408-1.477,0c-0.408,0.407-0.408,1.069,0,1.478l2.216,2.216l-2.216,2.217
+ c-0.408,0.407-0.408,1.068,0,1.477c0.204,0.204,0.471,0.306,0.739,0.306c0.268,0,0.536-0.102,0.738-0.306l2.216-2.217l2.218,2.217
+ c0.203,0.204,0.472,0.306,0.739,0.306c0.265,0,0.533-0.102,0.739-0.306c0.407-0.409,0.407-1.07,0-1.477L22.477,1645.97z"/>
+<rect x="13" y="1637.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_black_16px.svg
new file mode 100644
index 0000000..9c65207
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_black_16px.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="2277.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<g>
+ <g>
+ <g>
+ <g>
+ <path d="M14.827,12.743c0.021-0.081,0.094-0.136,0.176-0.136H16v-1.215h-0.997c-0.082,0-0.155-0.055-0.176-0.135
+ c-0.067-0.258-0.169-0.506-0.304-0.734c-0.041-0.068-0.029-0.158,0.027-0.217L15.257,9.6L14.4,8.745l-0.705,0.704
+ c-0.06,0.059-0.149,0.068-0.219,0.027c-0.229-0.134-0.478-0.234-0.733-0.303c-0.08-0.02-0.136-0.094-0.136-0.176V8.001h-1.213
+ v0.997c0,0.082-0.056,0.156-0.137,0.176C11,9.241,10.755,9.343,10.523,9.477c-0.07,0.041-0.16,0.03-0.219-0.027L9.602,8.744
+ L8.743,9.6l0.705,0.707c0.059,0.06,0.071,0.148,0.028,0.219c-0.135,0.229-0.234,0.477-0.305,0.733
+ c-0.021,0.08-0.093,0.136-0.177,0.136H8v1.213h0.996c0.084,0,0.154,0.056,0.177,0.137c0.069,0.257,0.17,0.503,0.304,0.732
+ c0.043,0.069,0.03,0.159-0.027,0.219L8.744,14.4l0.857,0.857l0.705-0.705c0.057-0.059,0.146-0.068,0.217-0.027
+ c0.231,0.134,0.478,0.234,0.734,0.303c0.081,0.021,0.137,0.094,0.137,0.176V16h1.213v-0.997c0-0.082,0.056-0.155,0.136-0.176
+ c0.257-0.067,0.504-0.169,0.733-0.304c0.068-0.041,0.159-0.029,0.219,0.028l0.705,0.705l0.856-0.858l-0.705-0.703
+ c-0.058-0.061-0.067-0.149-0.026-0.219C14.658,13.246,14.76,13,14.827,12.743z M11.999,13.477c-0.813,0-1.476-0.66-1.476-1.476
+ s0.662-1.478,1.476-1.478c0.815,0,1.478,0.662,1.478,1.478C13.477,12.814,12.814,13.477,11.999,13.477z"/>
+ </g>
+ </g>
+ </g>
+</g>
+<polygon points="6,6 0,12 0,15 2,15 2,13 4,13 4,11 6,11 9,8 "/>
+<path d="M12.682,1.319c-1.759-1.758-4.607-1.758-6.365-0.002c-1.758,1.759-1.758,4.608,0,6.366
+ c1.76,1.756,4.607,1.756,6.365,0C14.439,5.924,14.438,3.076,12.682,1.319z M9.641,6.611c-1.245,0-2.251-1.009-2.25-2.25
+ C7.389,3.119,8.396,2.11,9.641,2.11c1.242,0,2.25,1.007,2.25,2.25C11.891,5.602,10.883,6.609,9.641,6.611z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_white_16px.svg
new file mode 100644
index 0000000..fda7119
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/accessSettings_white_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#FFFFFF" points="6,4.999 0,10.999 0,12.999 2,12.999 2,10.999 4,10.999 4,8.999 6,8.999 8,6.636 "/>
+<path fill="#FFFFFF" d="M11.828,1.172C10.267-0.39,7.732-0.39,6.172,1.17c-1.563,1.563-1.563,4.096,0,5.658
+ c1.564,1.562,4.096,1.562,5.658,0S13.391,2.733,11.828,1.172 M9.877,4.375c-0.692,0-1.251-0.561-1.25-1.25
+ c-0.001-0.689,0.558-1.25,1.25-1.25c0.689,0,1.248,0.56,1.248,1.25C11.127,3.814,10.566,4.374,9.877,4.375"/>
+<path fill="#FFFFFF" d="M14.826,12.743c0.021-0.081,0.094-0.136,0.176-0.136H16v-1.213h-0.998c-0.082,0-0.154-0.057-0.176-0.137
+ c-0.066-0.258-0.168-0.506-0.303-0.733c-0.041-0.069-0.029-0.159,0.027-0.218L15.256,9.6l-0.857-0.855l-0.705,0.704
+ c-0.059,0.058-0.148,0.067-0.219,0.026c-0.229-0.133-0.477-0.233-0.732-0.302c-0.08-0.019-0.137-0.093-0.137-0.175V8h-1.213v0.998
+ c0,0.082-0.055,0.156-0.135,0.175C11,9.241,10.754,9.342,10.523,9.475c-0.07,0.041-0.16,0.031-0.218-0.026L9.601,8.744L8.743,9.6
+ l0.705,0.707c0.059,0.059,0.071,0.148,0.028,0.218C9.343,10.752,9.242,11,9.173,11.258c-0.021,0.08-0.093,0.137-0.177,0.137H8v1.213
+ h0.996c0.084,0,0.155,0.055,0.177,0.136c0.069,0.256,0.17,0.503,0.304,0.733c0.043,0.068,0.03,0.158-0.028,0.219l-0.705,0.704
+ l0.857,0.857l0.705-0.705c0.058-0.058,0.147-0.068,0.218-0.027c0.23,0.134,0.477,0.234,0.734,0.303
+ c0.08,0.021,0.135,0.093,0.135,0.175v0.997h1.213v-0.997c0-0.082,0.057-0.154,0.137-0.175c0.256-0.068,0.504-0.169,0.732-0.303
+ c0.07-0.041,0.16-0.03,0.219,0.027l0.705,0.705l0.857-0.857l-0.705-0.704c-0.057-0.061-0.068-0.15-0.027-0.219
+ C14.658,13.246,14.76,12.999,14.826,12.743 M11.998,13.477c-0.813,0-1.475-0.661-1.475-1.477c0-0.814,0.662-1.476,1.475-1.476
+ c0.816,0,1.479,0.661,1.479,1.476C13.477,12.815,12.814,13.477,11.998,13.477"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_black_16px.svg
new file mode 100644
index 0000000..4924928
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_black_16px.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="2757.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<polygon points="7,6 1,12 1,15 3,15 3,13 5,13 5,11 7,11 10,8 "/>
+<path d="M13.682,1.318C11.923-0.44,9.074-0.44,7.317,1.316c-1.758,1.76-1.758,4.607,0,6.365
+ c1.76,1.758,4.607,1.758,6.365,0S15.438,3.076,13.682,1.318z M10.641,6.61c-1.246,0-2.251-1.008-2.25-2.25
+ c-0.001-1.241,1.004-2.25,2.25-2.25c1.243,0,2.25,1.007,2.25,2.25C12.891,5.602,11.884,6.609,10.641,6.61z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_white_16px.svg
new file mode 100644
index 0000000..83301c8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/access_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 -1.5 16 16" enable-background="new -1.5 -1.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M11.828,1.173c-1.563-1.563-4.096-1.563-5.656-0.002C4.963,2.38,4.701,4.165,5.361,5.638L0,10.999v1.999h2
+ v-2h2v-2h2l1.218-1.438c1.499,0.75,3.362,0.518,4.612-0.732C13.393,5.266,13.393,2.733,11.828,1.173z M9,5.999
+ c-1.107,0-2.002-0.896-2-2c-0.001-1.103,0.893-2,2-2c1.105,0,2,0.896,2,2C11,5.103,10.107,5.998,9,5.999z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm.svg
new file mode 100644
index 0000000..8698236
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#1D1D1B" d="M12,7c0-1.709-0.984-2.682-2.304-2.93C9.343,2.229,8.717,1,8,1S6.657,2.229,6.304,4.07
+ C4.984,4.318,4,5.291,4,7c0,3-2,3.76-2,4.5C2,12.881,4.687,14,8,14s6-1.119,6-2.5C14,10.76,12,10,12,7z"/>
+ <path fill="#1D1D1B" d="M10,15.25C10,15.664,9.664,16,9.25,16h-1.5C7.336,16,7,15.664,7,15.25l0,0c0-0.414,0.336-0.75,0.75-0.75
+ h1.5C9.664,14.5,10,14.836,10,15.25L10,15.25z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm_white.svg
new file mode 100644
index 0000000..3cb99b6
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/acknowledgeAlarm_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_acknowledgeAlarm_white</title><path class="cls-1" d="M10.5,6A2.74,2.74,0,0,0,8.2,3.07C7.84,1.23,7.22,0,6.5,0S5.16,1.23,4.8,3.07A2.74,2.74,0,0,0,2.5,6c0,3-2,3.76-2,4.5,0,1.38,2.69,2.5,6,2.5s6-1.12,6-2.5C12.5,9.76,10.5,9,10.5,6Z" transform="translate(-0.5)"/><path class="cls-1" d="M8.5,14.25a.75.75,0,0,1-.75.75H6.25a.75.75,0,0,1-.75-.75h0a.75.75,0,0,1,.75-.75h1.5A.75.75,0,0,1,8.5,14.25Z" transform="translate(-0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_black_16px.svg
new file mode 100644
index 0000000..84d4a9d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_black_16px.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M5.219,8.943c0.012,0.008,0.024,0.015,0.037,0.022c0.206,0.13,0.418,0.248,0.643,0.339c0.078,0.033,0.16,0.053,0.239,0.082
+ C6.31,9.445,6.479,9.51,6.657,9.545C6.93,9.604,7.211,9.637,7.5,9.637s0.571-0.033,0.844-0.092c0.18-0.035,0.347-0.1,0.521-0.158
+ c0.078-0.029,0.161-0.049,0.239-0.082c0.223-0.092,0.434-0.209,0.641-0.339c0.013-0.007,0.026-0.014,0.037-0.022
+ c0.221-0.14,0.426-0.302,0.618-0.48c0,0,0,0,0-0.001c0.961-0.883,1.579-2.179,1.579-3.643C11.979,2.157,9.974,0,7.5,0
+ C5.028,0,3.022,2.157,3.022,4.819C3.022,6.579,3.91,8.103,5.219,8.943z"/>
+<path d="M12.68,8.484c-1.273,1.997-3.135,3.266-5.211,3.266c-2.076,0-3.936-1.269-5.209-3.266c-1.502,1.497-1.242,3.13-1.242,4.934
+ c0,0.516,0,1.146,0,1.146C1.017,15.116,1.916,16,2.434,16h2.833c0.001,0,0.003,0,0.003,0c0.568,0,1.199,0,2.198,0
+ c1.001,0,1.631,0,2.201,0h0.002h2.863c0.489,0,1.4-0.938,1.4-1.465c0,0,0-0.719,0-1.234C13.935,11.497,14.183,9.979,12.68,8.484z"/>
+<path display="none" fill="#89BA17" d="M15.726,12.401c0.203-0.138,0.22-0.674,0-0.811l0,0l0,0c0,0-5.985-3.6-6.144-3.6
+ C9.265,7.992,9.01,8.247,9.01,8.563v6.865C9.01,15.744,9.265,16,9.582,16C9.742,16,15.726,12.401,15.726,12.401z"/>
+<path display="none" fill="#E32219" d="M14.864,8.001H9.181c-0.625,0-1.136,0.516-1.136,1.144v5.711C8.045,15.484,8.556,16,9.181,16
+ h5.684C15.489,16,16,15.484,16,14.856V9.146C16,8.518,15.489,8.001,14.864,8.001z"/>
+<path display="none" fill="#E32219" d="M13.729,12.516l1.931-1.931c0.356-0.356,0.356-0.933,0-1.287
+ c-0.356-0.355-0.932-0.355-1.287,0l-1.93,1.932l-1.931-1.932c-0.357-0.355-0.933-0.355-1.286,0c-0.356,0.354-0.356,0.931,0,1.287
+ l1.93,1.931l-1.93,1.932c-0.356,0.354-0.356,0.93,0,1.286C9.403,15.91,9.637,16,9.87,16c0.232,0,0.465-0.09,0.643-0.267l1.931-1.931
+ l1.93,1.931C14.551,15.91,14.783,16,15.017,16c0.232,0,0.467-0.09,0.644-0.267c0.356-0.356,0.356-0.933,0-1.286L13.729,12.516z"/>
+<circle display="none" fill="#E32219" cx="12" cy="12" r="4"/>
+<path fill="#FFFFFF" d="M12.873,12.002l1.311-1.309c0.188-0.195,0.188-0.51,0-0.701l-0.176-0.176c-0.193-0.189-0.508-0.189-0.697,0
+ L12,11.127l-1.311-1.311c-0.191-0.193-0.504-0.193-0.697,0L9.816,9.992c-0.189,0.191-0.189,0.506,0,0.701l1.311,1.309l-1.311,1.311
+ c-0.189,0.191-0.189,0.504,0,0.697l0.176,0.174c0.193,0.193,0.506,0.193,0.697,0L12,12.875l1.311,1.309
+ c0.189,0.193,0.504,0.193,0.697,0l0.176-0.174c0.188-0.193,0.188-0.506,0-0.697L12.873,12.002z"/>
+<g>
+ <circle fill="#89BA17" cx="11.973" cy="11.973" r="4.027"/>
+ <path display="none" fill="#FFFFFF" d="M11.473,14.532c-0.152,0-0.299-0.06-0.407-0.169L9.34,12.638
+ c-0.224-0.225-0.224-0.59,0-0.813c0.225-0.225,0.59-0.225,0.813,0l1.28,1.279l2.474-2.967c0.204-0.244,0.566-0.277,0.811-0.073
+ c0.244,0.203,0.276,0.565,0.073,0.81l-2.876,3.451c-0.104,0.125-0.255,0.2-0.416,0.207C11.49,14.531,11.481,14.532,11.473,14.532z"
+ />
+ <path fill="#FFFFFF" d="M14.014,12.154c0.113-0.076,0.122-0.375,0-0.45l0,0l0,0c0,0-3.331-2.004-3.42-2.004
+ c-0.177,0-0.317,0.142-0.317,0.317v3.821c0,0.177,0.141,0.318,0.317,0.318C10.684,14.157,14.014,12.154,14.014,12.154z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_white.svg
new file mode 100644
index 0000000..df083b5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activate_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#89ba17;}</style></defs><title>ebIcon_activate_white</title><path class="cls-1" d="M5.22,8.94l0,0a4.07,4.07,0,0,0,.64.34l.24.08a3.86,3.86,0,0,0,2.21.16,4.16,4.16,0,0,0,.52-.16l.24-.08A4.27,4.27,0,0,0,9.74,9l0,0a4.28,4.28,0,0,0,.62-.48h0A4.93,4.93,0,0,0,12,4.82,4.66,4.66,0,0,0,7.5,0,4.66,4.66,0,0,0,3,4.82,4.88,4.88,0,0,0,5.22,8.94Z" transform="translate(-1)"/><path class="cls-1" d="M12.68,8.48a6.34,6.34,0,0,1-5.21,3.27A6.33,6.33,0,0,1,2.26,8.48C.76,10,1,11.61,1,13.42v1.15A1.93,1.93,0,0,0,2.43,16h10.1a2,2,0,0,0,1.4-1.47V13.3C13.93,11.5,14.18,10,12.68,8.48Z" transform="translate(-1)"/><circle class="cls-2" cx="10.97" cy="11.97" r="4.03"/><path class="cls-1" d="M14,12.15a.33.33,0,0,0,0-.45h0s-3.33-2-3.42-2a.32.32,0,0,0-.32.32v3.82a.32.32,0,0,0,.32.32C10.68,14.16,14,12.15,14,12.15Z" transform="translate(-1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activity_16px_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activity_16px_black.svg
new file mode 100644
index 0000000..5c546bc
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/activity_16px_black.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="15px" viewBox="0 0 16 15" enable-background="new 0 0 16 15" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#1D1D1B" d="M15,4c0,0.55-0.45,1-1,1H2C1.45,5,1,4.55,1,4V3c0-0.55,0.45-1,1-1h12c0.55,0,1,0.45,1,1V4z"/>
+ </g>
+ <g>
+ <path fill="#1D1D1B" d="M15,8c0,0.55-0.45,1-1,1H2C1.45,9,1,8.55,1,8V7c0-0.55,0.45-1,1-1h12c0.55,0,1,0.45,1,1V8z"/>
+ </g>
+ <g>
+ <path fill="#1D1D1B" d="M15,12c0,0.55-0.45,1-1,1H2c-0.55,0-1-0.45-1-1v-1c0-0.55,0.45-1,1-1h12c0.55,0,1,0.45,1,1V12z"/>
+ </g>
+ <rect x="2" y="3" fill="#B0B0AF" width="6" height="1"/>
+ <rect x="2" y="7" fill="#B0B0AF" width="11" height="1"/>
+ <rect x="2" y="11" fill="#B0B0AF" width="3" height="1"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_black.svg
new file mode 100644
index 0000000..99519e1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_black.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <path fill="#1D1D1B" d="M14,10h-2V8c0-0.55-0.451-1-1-1c-0.551,0-1,0.45-1,1v2H8c-0.55,0-1,0.45-1,0.999C7,11.55,7.45,12,8,12h2v2
+ c0,0.55,0.449,1,1,1c0.549,0,1-0.45,1-1v-2h2c0.549,0,1-0.45,1-1.001C15,10.45,14.549,10,14,10z M13,11.002C13,11.062,13,11,13,11
+ V11.002z"/>
+ <path fill="#1D1D1B" d="M12.987,8.236L13,8.201V8C13,7.957,12.99,8.279,12.987,8.236z"/>
+ <path fill="#1D1D1B" d="M6.001,11h-2.43c-0.486,0-0.783-0.371-0.661-0.843l0.961-4.06C3.992,5.627,4.49,5,4.977,5H13
+ c0.482,0,0.866,0.634,0.746,1.104L13,8.201V9h1c0.002,0,0.004,0,0.006,0c0.213-1,0.506-1.77,0.922-3.224
+ C15.176,4.999,14.85,3,12.85,3c-0.117,0-0.506,0-0.833,0c0-1-0.956-2-3.124-2C8.284,1,5.477,1,4.017,1C1.977,1,1,2.084,1,4
+ c0,0.672,0,6.591,0,7c0,0.553,0.381,1,0.934,1c0.203,0,2.171,0,4.344,0C6.11,12,6.006,11,6.001,11z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_white.svg
new file mode 100644
index 0000000..9ec228b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/addToFolder_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebicon_addToFolder_white</title><path class="cls-1" d="M14,11H12V9a1,1,0,0,0-2,0v2H8a1,1,0,1,0,0,2h2v2a1,1,0,0,0,2,0V13h2a1,1,0,1,0,0-2Zm-1,1h0Z" transform="translate(-1 -2)"/><path class="cls-1" d="M6,12H3.57a.64.64,0,0,1-.66-.84l1-4.06C4,6.63,4.49,6,5,6h8a.92.92,0,0,1,.75,1.1l-1,2.9H14c.21-1,.51-1.77.92-3.22A2.17,2.17,0,0,0,12.85,4H12c0-1-1-2-3.12-2H4A2.68,2.68,0,0,0,1,5v7a.94.94,0,0,0,.93,1H6.28C6.11,13,6,12,6,12Z" transform="translate(-1 -2)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_black_16px.svg
new file mode 100644
index 0000000..a536d47
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_black_16px.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M2.342,2.343c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.314,0c3.125-3.123,3.125-8.189,0-11.313
+ C10.533-0.781,5.466-0.781,2.342,2.343 M12,6.999c0.553,0,1,0.447,1,1c0,0.276-0.111,0.526-0.293,0.707S12.275,8.998,12,8.998
+ L8.998,8.999V12C9,12.275,8.889,12.525,8.707,12.705c-0.182,0.182-0.432,0.293-0.708,0.293c-0.552,0-0.999-0.447-1-1V8.999H4
+ c-0.553-0.001-1-0.448-1-1c0-0.552,0.447-1,1-1h2.999v-3c0-0.553,0.447-1,1-1c0.554,0,1.001,0.447,1.001,1L8.998,7L12,6.999z"/>
+<path fill="#B1B3B4" d="M35.438,17.073H21.724c-0.632,0-1.143,0.516-1.143,0.878v7.625c0,0.029,0.023,0.057,0.029,0.084
+ c0.303,4.143,3.75,7.413,7.971,7.413s7.668-3.271,7.971-7.413c0.006-0.029,0.029-0.055,0.029-0.086v-7.646
+ C36.581,17.564,36.067,17.073,35.438,17.073z"/>
+<g>
+ <g>
+ <ellipse fill="#B1B3B4" cx="40.287" cy="5.099" rx="3.705" ry="3.87"/>
+ </g>
+ <rect x="46.185" y="-2.93" fill="#B1B3B4" width="5.845" height="6.104"/>
+ <path fill="#B1B3B4" d="M52.029,3.682h-5.845c-0.269,0-0.485-0.227-0.485-0.51V-2.93c0-0.281,0.217-0.508,0.485-0.508h5.845
+ c0.271,0,0.488,0.227,0.488,0.508v6.104C52.518,3.455,52.3,3.682,52.029,3.682z M46.673,2.664h4.87v-5.085h-4.87V2.664z"/>
+ <path fill="#B1B3B4" d="M52.089,5.375h-5.899c-0.271,0-0.49,0.231-0.49,0.393v3.426c0,0.013,0.009,0.025,0.012,0.038
+ c0.131,1.862,1.613,3.331,3.43,3.331c1.814,0,3.298-1.469,3.428-3.331c0.002-0.015,0.013-0.025,0.013-0.038V5.758
+ C52.581,5.594,52.359,5.375,52.089,5.375z"/>
+</g>
+<g>
+ <g>
+ <path d="M37.771-18.239c0,0.825-0.675,1.5-1.5,1.5h-13c-0.825,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.675-1.5,1.5-1.5h13
+ c0.825,0,1.5,0.675,1.5,1.5V-18.239z"/>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" stroke-dasharray="2.5714,2.5714" cx="29.772" cy="-24.739" r="6.67"/>
+ </g>
+ <circle fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" cx="29.771" cy="-24.739" r="2.325"/>
+</g>
+<g>
+ <g>
+ <path d="M68.582-18.894c0,0.825-0.676,1.5-1.5,1.5h-13c-0.826,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.674-1.5,1.5-1.5h13
+ c0.824,0,1.5,0.675,1.5,1.5V-18.894z"/>
+ </g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M57.553-21.375c-0.182,0.184-0.479,0.184-0.662,0l-0.33-0.33c-0.184-0.183-0.184-0.48,0-0.663
+ l7.049-7.046c0.184-0.183,0.482-0.183,0.662-0.002l0.332,0.332c0.182,0.183,0.182,0.479,0,0.662L57.553-21.375z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M64.604-22.366c0.184,0.182,0.184,0.48,0,0.663l-0.332,0.33c-0.184,0.182-0.48,0.182-0.662,0
+ l-7.049-7.049c-0.184-0.183-0.184-0.481,0-0.662l0.332-0.332c0.182-0.181,0.479-0.181,0.66,0L64.604-22.366z"/>
+ </g>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" cx="60.582" cy="-25.394" r="7.16"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_white_16px.svg
new file mode 100644
index 0000000..d9abdc2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/add_white_16px.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#FFFFFF" d="M2.342,2.343c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.314,0
+ c3.125-3.123,3.125-8.189,0-11.313C10.533-0.781,5.466-0.781,2.342,2.343 M12,6.999c0.553,0,1,0.447,1,1
+ c0,0.276-0.111,0.526-0.293,0.707S12.275,8.998,12,8.998L8.998,8.999V12C9,12.275,8.889,12.525,8.707,12.705
+ c-0.182,0.182-0.432,0.293-0.708,0.293c-0.552,0-0.999-0.447-1-1V8.999H4c-0.553-0.001-1-0.448-1-1c0-0.552,0.447-1,1-1h2.999v-3
+ c0-0.553,0.447-1,1-1c0.554,0,1.001,0.447,1.001,1L8.998,7L12,6.999z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_black_16px.svg
new file mode 100644
index 0000000..61b37d6
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_black_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M12.011,15.99c-0.401,0-0.803-0.17-1.084-0.502l-3.091-3.654c-0.506-0.6-0.431-1.492,0.166-1.999
+ C8.6,9.331,9.494,9.404,10,10.002l3.093,3.655c0.505,0.599,0.433,1.491-0.167,1.997C12.659,15.881,12.334,15.99,12.011,15.99"/>
+<path d="M10.25,4.546C10.25,4.796,10.023,5,9.75,5h-0.5c-0.273,0-0.5-0.204-0.5-0.454V0.455C8.75,0.205,8.977,0,9.25,0h0.5
+ c0.273,0,0.5,0.205,0.5,0.455V4.546z"/>
+<path d="M12,2.75c0,0.275-0.204,0.5-0.455,0.5h-4.09C7.205,3.25,7,3.025,7,2.75v-0.5c0-0.274,0.205-0.5,0.455-0.5h4.09
+ C11.796,1.75,12,1.976,12,2.25V2.75z"/>
+<path d="M5.207,10.748c-2.091,0-3.791-1.701-3.791-3.79c0-2.09,1.7-3.791,3.791-3.791c0,0,0.48,0.048,0.48-0.452s0-0.212,0-0.565
+ s-0.48-0.4-0.48-0.4C2.336,1.75,0,4.086,0,6.958c0,2.871,2.336,5.207,5.207,5.207c2.87,0,5.206-2.336,5.206-5.207
+ c0,0-0.007-0.427-0.463-0.427c-0.341,0-0.134,0-0.55,0S8.996,6.958,8.996,6.958C8.996,9.047,7.297,10.748,5.207,10.748z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_white_16px.svg
new file mode 100644
index 0000000..c87a99c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/advanced_search_white_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12.011,15.99c-0.402,0-0.803-0.17-1.084-0.502l-3.091-3.654c-0.506-0.599-0.431-1.492,0.166-1.999
+ c0.598-0.504,1.492-0.431,1.998,0.167l3.093,3.655c0.505,0.599,0.432,1.492-0.167,1.998C12.659,15.881,12.334,15.99,12.011,15.99"/>
+<path fill="#FFFFFF" d="M10.25,4.546C10.25,4.796,10.024,5,9.75,5h-0.5c-0.274,0-0.5-0.204-0.5-0.454V0.455
+ C8.75,0.205,8.976,0,9.25,0h0.5c0.274,0,0.5,0.205,0.5,0.455V4.546z"/>
+<path fill="#FFFFFF" d="M12,2.75c0,0.275-0.204,0.5-0.455,0.5h-4.09C7.205,3.25,7,3.025,7,2.75v-0.5c0-0.274,0.205-0.5,0.455-0.5
+ h4.09C11.796,1.75,12,1.976,12,2.25V2.75z"/>
+<path fill="#FFFFFF" d="M5.207,10.748c-2.091,0-3.791-1.701-3.791-3.79c0-2.09,1.7-3.791,3.791-3.791V1.75
+ C2.336,1.75,0,4.086,0,6.958c0,2.871,2.336,5.207,5.207,5.207c2.87,0,5.206-2.336,5.206-5.207H8.996
+ C8.996,9.047,7.297,10.748,5.207,10.748z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_16px.svg
new file mode 100644
index 0000000..547e783
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 1157.97 16 16" enable-background="new 8 1157.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<circle fill="#89BA17" cx="16" cy="1165.97" r="7"/>
+<rect x="8" y="1157.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_white_16px.svg
new file mode 100644
index 0000000..1f8150c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCleared_white_16px.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#FFFFFF" cx="7" cy="7" r="7"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_16px.svg
new file mode 100644
index 0000000..d128621
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 997.97 16 16" enable-background="new 8 997.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill="#E32219" d="M21.665,1011.206l-4.363-5.235l4.467-5.36c0.248-0.298,0.302-0.713,0.137-1.064
+ c-0.165-0.351-0.518-0.576-0.906-0.576H10c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h11c0.007,0,0.013,0,0.02,0
+ c0.552,0,1-0.448,1-1C22.02,1011.663,21.882,1011.389,21.665,1011.206z"/>
+<rect x="8" y="997.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_white_16px.svg
new file mode 100644
index 0000000..2675874
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmCritical_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12.665,12.235L8.302,7l4.468-5.359c0.248-0.298,0.301-0.713,0.137-1.064C12.741,0.226,12.389,0,12,0H1
+ C0.448,0,0,0.448,0,1v12c0,0.553,0.448,1,1,1h11c0.007,0,0.014,0,0.02,0c0.553,0,1-0.447,1-1
+ C13.02,12.692,12.882,12.418,12.665,12.235z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmHeartbeat_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmHeartbeat_16px.svg
new file mode 100644
index 0000000..a707268
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmHeartbeat_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 805.97 16 16" enable-background="new 8 805.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<polyline fill="none" stroke="#E32219" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+ 18,807.97 13,813.97 19,813.97 14,819.97 "/>
+<rect x="8" y="805.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_16px.svg
new file mode 100644
index 0000000..08ddaed
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 1125.97 16 16" enable-background="new 8 1125.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill="#B1B3B4" d="M22,1126.97H10c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1v-12
+ C23,1127.418,22.552,1126.97,22,1126.97z"/>
+<rect x="8" y="1125.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_white_16px.svg
new file mode 100644
index 0000000..552dc2b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmIndeterminate_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect x="1" y="1" fill="#FFFFFF" width="12" height="12"/>
+<path fill="#FFFFFF" d="M13,14H1c-0.553,0-1-0.448-1-1V1c0-0.554,0.447-1,1-1h12c0.552,0,1,0.446,1,1v12C14,13.552,13.552,14,13,14
+ M2,12h10V2H2V12z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_16px.svg
new file mode 100644
index 0000000..7dc4e5b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 1029.97 16 16" enable-background="new 8 1029.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill="#FF7300" d="M22.424,1031.065c-0.351-0.165-0.767-0.111-1.064,0.137l-5.36,4.466l-5.36-4.466
+ c-0.298-0.248-0.712-0.302-1.064-0.137C9.225,1031.229,9,1031.582,9,1031.97v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1v-12
+ C23,1031.582,22.776,1031.229,22.424,1031.065z"/>
+<rect x="8" y="1029.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_white_16px.svg
new file mode 100644
index 0000000..ebb172c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMajor_white_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M13.424,0.094c-0.35-0.164-0.766-0.11-1.064,0.138L7,4.697L1.641,0.231C1.342-0.017,0.928-0.07,0.576,0.094
+ S0,0.611,0,0.999v12c0,0.552,0.449,1,1,1h12c0.553,0,1-0.448,1-1v-12C14,0.611,13.775,0.258,13.424,0.094z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_16px.svg
new file mode 100644
index 0000000..6573163
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 1061.97 16 16" enable-background="new 8 1061.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill="#FABB00" d="M22.857,1068.456l-3-5c-0.361-0.602-1.354-0.602-1.715,0L16,1067.027l-2.143-3.571
+ c-0.361-0.602-1.354-0.602-1.715,0l-3,5C9.049,1068.611,9,1068.789,9,1068.97v7c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1v-7
+ C23,1068.789,22.951,1068.611,22.857,1068.456z"/>
+<rect x="8" y="1061.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_white_16px.svg
new file mode 100644
index 0000000..94516df
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmMinor_white_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M13.857,5.452l-3-5c-0.361-0.603-1.355-0.603-1.715,0L7,4.023L4.857,0.452c-0.361-0.603-1.355-0.603-1.715,0
+ l-3,5C0.049,5.607,0,5.785,0,5.966v7c0,0.551,0.447,1,1,1h12c0.551,0,1-0.449,1-1v-7C14,5.785,13.951,5.607,13.857,5.452z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmOtherGrouping_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmOtherGrouping_16px.svg
new file mode 100644
index 0000000..a264431
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmOtherGrouping_16px.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#231F20" d="M20.307,1.308c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.314,0
+ c3.125-3.123,3.125-8.189,0-11.313C28.498-1.816,23.431-1.816,20.307,1.308 M29.965,5.964c0.553,0,1,0.447,1,1
+ c0,0.276-0.111,0.526-0.293,0.707s-0.432,0.292-0.707,0.292l-3.002,0.001v3c0.002,0.275-0.109,0.525-0.291,0.705
+ c-0.182,0.182-0.432,0.293-0.708,0.293c-0.552,0-0.999-0.447-1-1V7.964h-2.999c-0.553-0.001-1-0.448-1-1c0-0.552,0.447-1,1-1h2.999
+ v-3c0-0.553,0.447-1,1-1c0.554,0,1.001,0.447,1.001,1l-0.002,3.001L29.965,5.964z"/>
+<path fill="#B1B3B4" d="M35.438,17.073H21.724c-0.632,0-1.143,0.516-1.143,0.878v7.625c0,0.029,0.023,0.057,0.029,0.084
+ c0.303,4.143,3.75,7.413,7.971,7.413s7.668-3.271,7.971-7.413c0.006-0.029,0.029-0.055,0.029-0.086v-7.646
+ C36.581,17.564,36.067,17.073,35.438,17.073z"/>
+<g>
+ <g>
+ <ellipse fill="#B1B3B4" cx="3.706" cy="8.536" rx="3.705" ry="3.87"/>
+ </g>
+ <rect x="9.604" y="0.508" fill="#B1B3B4" width="5.845" height="6.104"/>
+ <path fill="#B1B3B4" d="M15.448,7.119H9.604c-0.269,0-0.485-0.227-0.485-0.51V0.508C9.118,0.227,9.335,0,9.604,0h5.845
+ c0.271,0,0.488,0.227,0.488,0.508v6.104C15.937,6.893,15.719,7.119,15.448,7.119z M10.092,6.102h4.87V1.017h-4.87V6.102z"/>
+ <path fill="#B1B3B4" d="M15.508,8.813H9.608c-0.271,0-0.49,0.231-0.49,0.393v3.426c0,0.013,0.009,0.025,0.012,0.038
+ C9.261,14.531,10.743,16,12.56,16c1.814,0,3.298-1.469,3.428-3.331C15.989,12.654,16,12.644,16,12.631V9.195
+ C16,9.031,15.778,8.813,15.508,8.813z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged.svg
new file mode 100644
index 0000000..7e6c507
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#1D1D1B" d="M12,7c0-1.709-0.984-2.682-2.305-2.93C9.342,2.229,8.717,1,8,1S6.656,2.229,6.303,4.07
+ C4.984,4.318,4,5.291,4,7c0,3-2,3.76-2,4.5C2,12.881,4.686,14,8,14c3.313,0,6-1.119,6-2.5C14,10.76,12,10,12,7z"/>
+ <path fill="#1D1D1B" d="M8,15.25C8,15.664,7.664,16,7.25,16h-1.5C5.336,16,5,15.664,5,15.25l0,0c0-0.414,0.336-0.75,0.75-0.75h1.5
+ C7.664,14.5,8,14.836,8,15.25L8,15.25z"/>
+ </g>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M12,2c3,0,3.5,1.687,3.5,5"/>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M12,3.5c1.104,0,2,1.09,2,3.5"/>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M4,2C1,2,0.5,3.687,0.5,7"/>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M4,3.5C2.895,3.5,2,4.59,2,7"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged_white.svg
new file mode 100644
index 0000000..7a59991
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnacknowledged_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_alarmUnacknowledged_white</title><path class="cls-1" d="M12,6.5A2.74,2.74,0,0,0,9.69,3.57C9.34,1.73,8.72.5,8,.5S6.66,1.73,6.3,3.57A2.74,2.74,0,0,0,4,6.5c0,3-2,3.76-2,4.5,0,1.38,2.69,2.5,6,2.5s6-1.12,6-2.5C14,10.26,12,9.5,12,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M8,14.75a.75.75,0,0,1-.75.75H5.75A.75.75,0,0,1,5,14.75H5A.75.75,0,0,1,5.75,14h1.5a.75.75,0,0,1,.75.75Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M16,6.5H15C15,3,14.35,2,12,2V1C15.69,1,16,3.6,16,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M14.5,6.5h-1c0-1.85-.57-3-1.5-3v-1C13.21,2.5,14.5,3.55,14.5,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M1,6.5H0C0,3.6.31,1,4,1V2C1.65,2,1,3,1,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M2.5,6.5h-1c0-2.95,1.29-4,2.5-4v1C3.07,3.5,2.5,4.65,2.5,6.5Z" transform="translate(0 -0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnspecified_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnspecified_16px.svg
new file mode 100644
index 0000000..67d098b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmUnspecified_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#231F20" d="M20.307,1.308c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.314,0
+ c3.125-3.123,3.125-8.189,0-11.313C28.498-1.816,23.431-1.816,20.307,1.308 M29.965,5.964c0.553,0,1,0.447,1,1
+ c0,0.276-0.111,0.526-0.293,0.707s-0.432,0.292-0.707,0.292l-3.002,0.001v3c0.002,0.275-0.109,0.525-0.291,0.705
+ c-0.182,0.182-0.432,0.293-0.708,0.293c-0.552,0-0.999-0.447-1-1V7.964h-2.999c-0.553-0.001-1-0.448-1-1c0-0.552,0.447-1,1-1h2.999
+ v-3c0-0.553,0.447-1,1-1c0.554,0,1.001,0.447,1.001,1l-0.002,3.001L29.965,5.964z"/>
+<path fill="#B1B3B4" d="M14.857,0H1.143C0.511,0,0,0.516,0,0.878v7.625c0,0.029,0.023,0.056,0.03,0.084C0.332,12.729,3.78,16,8,16
+ c4.221,0,7.668-3.271,7.971-7.413C15.977,8.558,16,8.532,16,8.501V0.854C16,0.492,15.486,0,14.857,0z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_16px.svg
new file mode 100644
index 0000000..7011c22
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_16px.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="1093.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path fill="#2379FF" d="M14,1H2C1.448,1,1,1.448,1,2v7c0,0.182,0.049,0.359,0.143,0.516l3,5c0.361,0.602,1.354,0.602,1.715,0
+ l2.144-3.571l2.144,3.571C10.325,14.816,10.65,15,11.001,15s0.677-0.184,0.856-0.484l3-5C14.951,9.36,15.001,9.183,15.001,9V2
+ C15,1.448,14.552,1,14,1z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_white_16px.svg
new file mode 100644
index 0000000..0824e45
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alarmWarning_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M13,0H1C0.448,0,0,0.448,0,1v7c0,0.182,0.049,0.359,0.143,0.516l3,5c0.361,0.603,1.354,0.603,1.715,0
+ l2.145-3.57l2.145,3.57C9.325,13.816,9.65,14,10.001,14s0.677-0.184,0.856-0.484l3-5C13.951,8.359,14.001,8.184,14.001,8V1
+ C14,0.448,13.552,0,13,0z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_black_16px.svg
new file mode 100644
index 0000000..ab11fa5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2149.971 16 16" enable-background="new 13 2149.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2151.471" x2="27" y2="2151.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="16.5" y1="2154.471" x2="25.5" y2="2154.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2157.471" x2="27" y2="2157.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="16.5" y1="2160.471" x2="25.5" y2="2160.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2163.471" x2="27" y2="2163.471"/>
+<rect x="13" y="2149.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_white.svg
new file mode 100644
index 0000000..505af8d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignCenter_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_alignCenter_white</title><path class="cls-1" d="M14,2.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M12.5,5.5h-9a.5.5,0,0,1,0-1h9a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,8.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M12.5,11.5h-9a.5.5,0,0,1,0-1h9a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,14.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_black_16px.svg
new file mode 100644
index 0000000..6de8008
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2117.971 16 16" enable-background="new 13 2117.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2119.471" x2="27" y2="2119.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2122.471" x2="24" y2="2122.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2125.471" x2="27" y2="2125.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2128.471" x2="24" y2="2128.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2131.471" x2="27" y2="2131.471"/>
+<rect x="13" y="2117.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_white.svg
new file mode 100644
index 0000000..727c73f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignLeft_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_alignLeft-white</title><path class="cls-1" d="M14,2.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M11,5.5H2a.5.5,0,0,1,0-1h9a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,8.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M11,11.5H2a.5.5,0,0,1,0-1h9a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,14.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_black_16px.svg
new file mode 100644
index 0000000..1663616
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2181.971 16 16" enable-background="new 13 2181.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2183.471" x2="27" y2="2183.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="18" y1="2186.471" x2="27" y2="2186.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2189.471" x2="27" y2="2189.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="18" y1="2192.471" x2="27" y2="2192.471"/>
+<line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="15" y1="2195.471" x2="27" y2="2195.471"/>
+<rect x="13" y="2181.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_white.svg
new file mode 100644
index 0000000..ac40011
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/alignRight_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_alignRight_white</title><path class="cls-1" d="M14,2.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,5.5H5a.5.5,0,0,1,0-1h9a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,8.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,11.5H5a.5.5,0,0,1,0-1h9a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/><path class="cls-1" d="M14,14.5H2a.5.5,0,0,1,0-1H14a.5.5,0,0,1,0,1" transform="translate(-1.5 -1.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/arrowUpSmall_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/arrowUpSmall_white_16px.svg
new file mode 100644
index 0000000..035fbf8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/arrowUpSmall_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-4 -5.5 16 16" enable-background="new -4 -5.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M7.707,4.708C7.512,4.901,7.256,5.001,7,5.001s-0.512-0.1-0.707-0.293L4,2.415L1.707,4.708
+ c-0.391,0.391-1.023,0.391-1.414,0c-0.391-0.393-0.391-1.023,0-1.414l3-3c0.391-0.392,1.023-0.392,1.414,0l3,3
+ C8.098,3.685,8.098,4.315,7.707,4.708"/>
+</svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_black_16px.svg
new file mode 100644
index 0000000..8e54d47
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_black_16px.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="389.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M9,0.5c-1.654,0-3,1.346-3,3V4v2v4c0,1.425,0.645,2.5,1.5,2.5h1H9c0.579,0,1-0.631,1-1.5V4H9v7
+ c0,0.249-0.061,0.422-0.103,0.5H8.5h-1C7.401,11.5,7,11.018,7,10V6V4V3.5c0-1.103,0.897-2,2-2s2,0.897,2,2V8v2v1.5
+ c0,1.654-1.346,3-3,3c-1.626,0-3-2.061-3-4.5V4H4v6c0,3.032,1.794,5.5,4,5.5s4-1.794,4-4V10V8V3.5C12,1.846,10.654,0.5,9,0.5z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_white.svg
new file mode 100644
index 0000000..ec1ecd0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/attach_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_attach_white</title><path class="cls-1" d="M9,.5a3,3,0,0,0-3,3V10c0,1.42.64,2.5,1.5,2.5H9c.58,0,1-.63,1-1.5V4H9v7a1.09,1.09,0,0,1-.1.5H7.5C7.4,11.5,7,11,7,10V3.5a2,2,0,0,1,4,0v8a3,3,0,0,1-3,3c-1.63,0-3-2.06-3-4.5V4H4v6c0,3,1.79,5.5,4,5.5a4,4,0,0,0,4-4v-8A3,3,0,0,0,9,.5Z" transform="translate(-4 -0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/baseStation.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/baseStation.svg
new file mode 100644
index 0000000..0cd1668
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/baseStation.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" overflow="visible" enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path d="M9.75,3.701c0-0.97-0.783-1.756-1.75-1.756c-0.969,0-1.75,0.786-1.75,1.756S7.031,5.458,8,5.458
+ C8.967,5.458,9.75,4.671,9.75,3.701"/>
+<path d="M12,16c-0.229,0-0.443-0.138-0.529-0.365L8,6.545l-3.471,9.089c-0.112,0.293-0.442,0.441-0.732,0.327
+ c-0.292-0.111-0.439-0.441-0.326-0.733l4-10.477c0.168-0.441,0.891-0.441,1.059,0l4,10.477c0.112,0.292-0.034,0.622-0.326,0.733
+ C12.136,15.988,12.066,16,12,16"/>
+<path d="M10.112,11.859H5.938c-0.313,0-0.567-0.255-0.567-0.568s0.254-0.568,0.567-0.568h4.175c0.313,0,0.567,0.255,0.567,0.568
+ S10.426,11.859,10.112,11.859"/>
+<path d="M12.031,16c-0.08,0-0.16-0.016-0.236-0.052c-0.663-0.306-1.204-0.57-1.657-0.79c-2.083-1.014-2.083-1.014-4.271,0.036
+ c-0.443,0.213-0.968,0.464-1.601,0.754c-0.286,0.131-0.621,0.006-0.751-0.28c-0.131-0.286-0.005-0.623,0.28-0.754
+ c0.626-0.289,1.144-0.537,1.582-0.747c2.58-1.238,2.775-1.241,5.255-0.033c0.447,0.219,0.98,0.479,1.635,0.78
+ c0.285,0.131,0.409,0.469,0.279,0.754C12.451,15.876,12.246,16,12.031,16"/>
+<path d="M3.971,6.165c-0.158,0-0.311-0.09-0.384-0.243C3.322,5.366,3.188,4.769,3.188,4.152c0-0.952,0.331-1.878,0.933-2.611
+ C4.271,1.36,4.54,1.335,4.72,1.484c0.182,0.149,0.207,0.419,0.058,0.601c-0.477,0.58-0.74,1.313-0.74,2.068
+ c0,0.489,0.107,0.96,0.317,1.402c0.102,0.212,0.013,0.466-0.2,0.568C4.095,6.15,4.032,6.165,3.971,6.165"/>
+<path d="M1.042,7.628c-0.158,0-0.312-0.089-0.384-0.244C0.222,6.466,0,5.484,0,4.464c0-1.57,0.547-3.101,1.54-4.31
+ c0.149-0.181,0.419-0.206,0.599-0.057c0.182,0.15,0.207,0.418,0.058,0.6C1.328,1.753,0.85,3.092,0.85,4.464
+ c0,0.892,0.194,1.75,0.576,2.554c0.102,0.212,0.012,0.467-0.2,0.568C1.166,7.615,1.104,7.628,1.042,7.628"/>
+<path d="M12.029,6.165c0.158,0,0.311-0.09,0.384-0.243c0.265-0.556,0.398-1.153,0.398-1.769c0-0.952-0.331-1.878-0.933-2.611
+ c-0.15-0.182-0.419-0.207-0.599-0.058c-0.182,0.149-0.207,0.419-0.058,0.601c0.477,0.58,0.739,1.313,0.739,2.068
+ c0,0.489-0.106,0.96-0.316,1.402c-0.102,0.212-0.013,0.466,0.2,0.568C11.905,6.15,11.967,6.165,12.029,6.165"/>
+<path d="M14.958,7.628c0.158,0,0.311-0.089,0.384-0.244C15.778,6.466,16,5.484,16,4.464c0-1.57-0.547-3.101-1.54-4.31
+ c-0.15-0.181-0.419-0.206-0.599-0.057c-0.182,0.15-0.207,0.418-0.058,0.6c0.868,1.056,1.347,2.395,1.347,3.767
+ c0,0.892-0.194,1.75-0.576,2.554c-0.102,0.212-0.013,0.467,0.199,0.568C14.834,7.615,14.896,7.628,14.958,7.628"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cabinet_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cabinet_black_16px.svg
new file mode 100644
index 0000000..c652149
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cabinet_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 485.97 16 16" enable-background="new 8 485.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20,499.97v-12h1c0.552,0,1,0.447,1,1v10c0,0.553-0.448,1-1,1 M10,499.97
+ c-0.553,0-1-0.447-1-1v-10c0-0.553,0.447-1,1-1h1v12H10z M16,499.97v-12h3v12H16z M12,499.97v-12h3v12H12z M13.5,492.97
+ c0.552,0,1,0.447,1,1c0,0.553-0.448,1-1,1c-0.553,0-1-0.447-1-1C12.5,493.418,12.947,492.97,13.5,492.97z M17.499,492.97
+ c0.554,0,1.001,0.447,1.001,1c0,0.553-0.448,1-1.001,1c-0.553,0-0.999-0.447-0.999-1C16.5,493.418,16.945,492.97,17.499,492.97z"/>
+<rect x="8" y="485.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_black_16px.svg
new file mode 100644
index 0000000..622b28d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_black_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="2885.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M13,1.971v2c0,0.551-0.45,1-1,1h-1c-0.55,0-1-0.449-1-1v-2H6V3.97c0,0.55-0.45,1-1,1H4c-0.55,0-1-0.45-1-1V1.971
+ c-1.1,0-2,0.9-2,2v10.03C1,15.103,1.9,16,3,16h10c1.1,0,2-0.897,2-1.999V3.971C15,2.871,14.1,1.971,13,1.971z M13,13.001
+ c0,0.553-0.448,1-1,1H4c-0.551,0-1-0.447-1-1V7.97h10V13.001z"/>
+<rect x="4" y="0.971" width="1" height="3"/>
+<rect x="11" y="0.971" width="1" height="3"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_white_16px.svg
new file mode 100644
index 0000000..39c2cdd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/calendar_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -1 16 16" enable-background="new -0.5 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M13,0.999v2c0,0.551-0.45,1-1,1h-1c-0.55,0-1-0.449-1-1v-2H5v2c0,0.551-0.45,1-1,1H3c-0.55,0-1-0.449-1-1v-2
+ c-1.1,0-2,0.9-2,2v9c0,1.101,0.9,2,2,2h11c1.1,0,2-0.899,2-2v-9C15,1.899,14.1,0.999,13,0.999 M14,11.999c0,0.553-0.448,1-1,1H2
+ c-0.551,0-1-0.447-1-1v-6h13V11.999z"/>
+<rect x="3" fill="#FFFFFF" width="1" height="3"/>
+<rect x="11" fill="#FFFFFF" width="1" height="3"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellAdjacent_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellAdjacent_16px.svg
new file mode 100644
index 0000000..2641e39
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellAdjacent_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 933.97 16 16" enable-background="new 8 933.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<g>
+ <polygon fill="#808080" points="11.042,943.97 9,939.97 11.042,935.97 15.125,935.97 17.167,939.97 15.125,943.97 "/>
+</g>
+<g>
+ <polygon fill="#808080" points="18,949.97 16,945.97 18,941.97 22,941.97 24,945.97 22,949.97 "/>
+</g>
+<rect x="8" y="933.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellExternal_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellExternal_16px.svg
new file mode 100644
index 0000000..02f8b82
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cellExternal_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 965.97 16 16" enable-background="new 8 965.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<g>
+ <polygon fill="#0066B3" points="11.042,975.97 9,971.97 11.042,967.97 15.125,967.97 17.167,971.97 15.125,975.97 "/>
+</g>
+<g>
+ <polygon fill="#808080" points="18,981.97 16,977.97 18,973.97 22,973.97 24,977.97 22,981.97 "/>
+</g>
+<rect x="8" y="965.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_gray_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_gray_16px.svg
new file mode 100644
index 0000000..97f33ee
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_gray_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 837.97 16 16" enable-background="new 8 837.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<polygon fill="#808080" points="12.5,852.97 9,846.47 12.5,839.97 19.5,839.97 23,846.47 19.5,852.97 "/>
+<rect x="8" y="837.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_green_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_green_16px.svg
new file mode 100644
index 0000000..a61b7be
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_green_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 869.97 16 16" enable-background="new 8 869.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<polygon fill="#89BA17" points="12.5,884.97 9,878.47 12.5,871.97 19.5,871.97 23,878.47 19.5,884.97 "/>
+<rect x="8" y="869.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_red_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_red_16px.svg
new file mode 100644
index 0000000..5e4fd39
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cell_red_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 901.97 16 16" enable-background="new 8 901.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<polygon fill="#E32219" points="12.5,916.97 9,910.47 12.5,903.97 19.5,903.97 23,910.47 19.5,916.97 "/>
+<rect x="8" y="901.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_black.svg
new file mode 100644
index 0000000..fc4b204
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_black.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 1189.97 16 16" enable-background="new 8 1189.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M15.998,1203.363c-1.272,0-2.257-0.293-2.926-0.871c-0.624-0.537-1.019-1.32-1.176-2.33l1.648-0.16
+ c0.145,0.645,0.41,1.135,0.791,1.461c0.421,0.359,0.986,0.541,1.684,0.541c0.736,0,1.304-0.164,1.689-0.486
+ c0.399-0.332,0.601-0.73,0.601-1.184c0-0.301-0.092-0.563-0.271-0.777c-0.174-0.207-0.455-0.379-0.86-0.523
+ c-0.257-0.089-0.82-0.241-1.725-0.466c-1.1-0.272-1.877-0.606-2.308-0.993c-0.604-0.542-0.897-1.183-0.897-1.958
+ c0-0.49,0.142-0.957,0.421-1.388c0.279-0.428,0.689-0.76,1.218-0.985c0.543-0.232,1.212-0.349,1.989-0.349
+ c1.262,0,2.219,0.274,2.843,0.816c0.576,0.499,0.893,1.138,0.966,1.948l-1.719,0.075c-0.114-0.498-0.324-0.872-0.628-1.112
+ c-0.338-0.268-0.838-0.404-1.484-0.404c-0.662,0-1.194,0.143-1.58,0.423c-0.28,0.203-0.429,0.49-0.429,0.832
+ c0,0.317,0.133,0.588,0.395,0.808c0.298,0.249,0.966,0.494,2.047,0.75c1.012,0.239,1.768,0.487,2.245,0.738
+ c0.458,0.242,0.822,0.576,1.08,0.993c0.258,0.418,0.388,0.943,0.388,1.565c0,0.557-0.158,1.088-0.47,1.578
+ c-0.31,0.488-0.754,0.855-1.323,1.092C17.623,1203.24,16.88,1203.363,15.998,1203.363z"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="16" y1="1191.97" x2="16" y2="1203.97"/>
+<rect x="8" y="1189.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_white.svg
new file mode 100644
index 0000000..9790590
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/charging_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_dollar_white</title><path class="cls-1" d="M8,13.4a4.29,4.29,0,0,1-2.89-.87A3.72,3.72,0,0,1,4,10.2L5.63,10a2.62,2.62,0,0,0,.78,1.46A2.46,2.46,0,0,0,8.07,12a2.53,2.53,0,0,0,1.67-.49,1.51,1.51,0,0,0,.59-1.18,1.19,1.19,0,0,0-.27-.78,1.91,1.91,0,0,0-.85-.52C9,9,8.41,8.84,7.51,8.61a5.51,5.51,0,0,1-2.28-1,2.57,2.57,0,0,1-.47-3.34A2.63,2.63,0,0,1,6,3.3a5,5,0,0,1,2-.35,4.18,4.18,0,0,1,2.81.82,2.79,2.79,0,0,1,1,1.94L10,5.79a1.91,1.91,0,0,0-.62-1.11,2.31,2.31,0,0,0-1.47-.4,2.6,2.6,0,0,0-1.56.42,1,1,0,0,0-.42.83,1,1,0,0,0,.39.81,5.6,5.6,0,0,0,2,.75,10,10,0,0,1,2.22.74,2.74,2.74,0,0,1,1.07,1A3,3,0,0,1,12,10.37a2.92,2.92,0,0,1-.46,1.57A2.77,2.77,0,0,1,10.23,13,5.66,5.66,0,0,1,8,13.4" transform="translate(-4 -1)"/><path class="cls-1" d="M8,15a1,1,0,0,1-1-1V2A1,1,0,1,1,9,2V14a1,1,0,0,1-1,1" transform="translate(-4 -1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_black_16px.svg
new file mode 100644
index 0000000..2e69131
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2085.971 16 16" enable-background="new 13 2085.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28,2093.97c0-3.865-3.134-7-7-7c-3.866,0-7,3.135-7,7c0,3.867,3.134,7,7,7C24.866,2100.97,28,2097.836,28,2093.97z"/>
+<path fill="#FFFFFF" d="M20.294,2097.677l-3.001-3.001c-0.195-0.195-0.293-0.451-0.293-0.707s0.098-0.512,0.293-0.707
+ c0.391-0.391,1.023-0.391,1.414,0l1.294,1.294v-3.647c0-0.553,0.447-1,1-1c0.552,0,1,0.447,1,1v3.646l1.292-1.293
+ c0.391-0.391,1.023-0.391,1.414-0.001c0.391,0.391,0.391,1.024,0.001,1.415l-3,3.001c-0.188,0.188-0.442,0.293-0.707,0.293
+ C20.735,2097.97,20.481,2097.865,20.294,2097.677z"/>
+<rect x="13" y="2085.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_white_16px.svg
new file mode 100644
index 0000000..c715ef4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowDown_white_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M0,7.5C0,11.644,3.358,15,7.5,15c4.144,0,7.5-3.357,7.5-7.5c0-4.142-3.356-7.499-7.5-7.5
+ C3.358,0.001,0,3.359,0,7.5 M8.207,11.238c-0.188,0.188-0.441,0.293-0.707,0.293c-0.266,0.001-0.521-0.105-0.709-0.293L3.793,8.236
+ c-0.392-0.39-0.392-1.021,0.001-1.413c0.391-0.39,1.021-0.391,1.413,0.001L6.5,8.117V4.471c0-0.553,0.447-1,1-1s1,0.447,1,1
+ L8.498,8.117l1.296-1.293c0.391-0.392,1.022-0.391,1.413,0C11.402,7.018,11.5,7.275,11.5,7.531s-0.098,0.511-0.293,0.705
+ L8.207,11.238"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_black_16px.svg
new file mode 100644
index 0000000..278f2ad
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2021.971 16 16" enable-background="new 13 2021.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,2036.676c3.865,0,7-3.134,7-7c0-3.866-3.135-7-7-7c-3.867,0-7,3.134-7,7C14,2033.542,17.134,2036.676,21,2036.676z"/>
+<path fill="#FFFFFF" d="M17.293,2028.97l3.001-3.001c0.195-0.195,0.451-0.293,0.707-0.293s0.512,0.098,0.707,0.293
+ c0.391,0.391,0.391,1.023,0,1.414l-1.294,1.294h3.647c0.553,0,1,0.447,1,1c0,0.552-0.447,1-1,1h-3.646l1.293,1.292
+ c0.391,0.391,0.391,1.023,0.001,1.414c-0.391,0.391-1.024,0.391-1.415,0.001l-3.001-3c-0.188-0.188-0.293-0.442-0.293-0.707
+ C17,2029.412,17.105,2029.158,17.293,2028.97z"/>
+<rect x="13" y="2021.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_white_16px.svg
new file mode 100644
index 0000000..7a356a5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowLeft_white_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M7.5,15c4.141,0,7.499-3.358,7.5-7.5C14.999,3.356,11.642,0,7.5,0C3.357,0,0,3.356,0,7.5
+ C0,11.642,3.356,15,7.5,15 M3.762,6.793l3.002-3C6.958,3.598,7.213,3.5,7.469,3.5s0.514,0.098,0.707,0.293
+ c0.391,0.391,0.392,1.022,0,1.413L6.883,6.502L10.529,6.5c0.553,0,1,0.447,1,1s-0.447,1-1,1H6.883l1.293,1.293
+ c0.392,0.392,0.391,1.022,0.001,1.413c-0.392,0.393-1.023,0.393-1.413,0.001L3.762,8.209C3.574,8.021,3.468,7.766,3.469,7.5
+ C3.469,7.234,3.574,6.981,3.762,6.793"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_black_16px.svg
new file mode 100644
index 0000000..593da8d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2053.971 16 16" enable-background="new 13 2053.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,2054.97c-3.865,0-7,3.134-7,7c0,3.866,3.135,7,7,7c3.867,0,7-3.134,7-7C28,2058.104,24.866,2054.97,21,2054.97z"/>
+<path fill="#FFFFFF" d="M24.707,2062.676l-3.001,3.001c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293
+ c-0.391-0.391-0.391-1.023,0-1.414l1.294-1.294h-3.647c-0.553,0-1-0.447-1-1c0-0.552,0.447-1,1-1h3.646l-1.293-1.292
+ c-0.391-0.391-0.391-1.023-0.001-1.414c0.391-0.391,1.024-0.391,1.415-0.001l3.001,3c0.188,0.188,0.293,0.442,0.293,0.707
+ C25,2062.235,24.895,2062.489,24.707,2062.676z"/>
+<rect x="13" y="2053.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_white_16px.svg
new file mode 100644
index 0000000..635c7d4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowRight_white_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M7.5,15c4.144,0,7.5-3.358,7.5-7.5C15,3.356,11.643,0,7.5,0C3.358,0,0.001,3.356,0,7.5
+ C0.001,11.642,3.359,15,7.5,15 M11.238,6.793c0.188,0.188,0.293,0.441,0.293,0.707c0.001,0.266-0.105,0.521-0.293,0.709
+ l-3.002,2.998c-0.39,0.392-1.021,0.392-1.413-0.001c-0.39-0.391-0.391-1.021,0.001-1.413L8.117,8.5H4.471c-0.553,0-1-0.447-1-1
+ s0.447-1,1-1l3.646,0.002L6.824,5.206c-0.392-0.391-0.391-1.022,0-1.413C7.018,3.598,7.275,3.5,7.531,3.5s0.511,0.098,0.705,0.293
+ L11.238,6.793"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_black_16px.svg
new file mode 100644
index 0000000..03d366a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1989.971 16 16" enable-background="new 13 1989.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M14,1997.971c0,3.865,3.134,7,7,7c3.866,0,7-3.135,7-7c0-3.866-3.134-7-7-7C17.134,1990.971,14,1994.105,14,1997.971z"/>
+<path fill="#FFFFFF" d="M21.706,1994.264l3.001,3.001c0.195,0.195,0.293,0.451,0.293,0.707s-0.098,0.512-0.293,0.707
+ c-0.391,0.391-1.023,0.391-1.414,0l-1.294-1.294v3.647c0,0.553-0.447,1-1,1c-0.552,0-1-0.447-1-1v-3.646l-1.292,1.293
+ c-0.391,0.391-1.023,0.391-1.414,0.001c-0.391-0.391-0.391-1.024-0.001-1.415l3-3.001c0.188-0.188,0.442-0.293,0.707-0.293
+ C21.265,1993.971,21.519,1994.077,21.706,1994.264z"/>
+<rect x="13" y="1989.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_white_16px.svg
new file mode 100644
index 0000000..9b44c49
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleArrowUp_white_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M15,7.5C15,3.356,11.642,0,7.5,0C3.356,0,0,3.357,0,7.5c0,4.142,3.356,7.499,7.5,7.5
+ C11.642,14.999,15,11.641,15,7.5 M6.793,3.762C6.981,3.574,7.234,3.469,7.5,3.469c0.266-0.001,0.521,0.105,0.709,0.293l2.998,3.002
+ c0.392,0.39,0.392,1.021-0.001,1.413c-0.391,0.39-1.021,0.391-1.413-0.001L8.5,6.883v3.646c0,0.553-0.447,1-1,1s-1-0.447-1-1
+ l0.002-3.646L5.206,8.176c-0.391,0.392-1.022,0.391-1.413,0C3.598,7.982,3.5,7.725,3.5,7.469s0.098-0.511,0.293-0.705L6.793,3.762"
+ />
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_black_16px.svg
new file mode 100644
index 0000000..edee7b0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1957.971 16 16" enable-background="new 13 1957.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,1972.97c3.866,0,7-3.134,7-7c0-3.865-3.134-7-7-7c-3.866,0-7,3.135-7,7C14,1969.837,17.134,1972.97,21,1972.97z"/>
+<path fill="#FFFFFF" d="M17.293,1964.263c0.195-0.195,0.451-0.293,0.707-0.293s0.512,0.098,0.707,0.293l2.293,2.293l2.293-2.293
+ c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-3,3c-0.391,0.391-1.023,0.391-1.414,0l-3-3
+ C16.902,1965.287,16.902,1964.654,17.293,1964.263z"/>
+<rect x="13" y="1957.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_white_16px.svg
new file mode 100644
index 0000000..adb699e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretDown_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M7.5,15c4.142,0,7.5-3.356,7.5-7.5C15,3.358,11.642,0,7.5,0C3.357,0,0,3.358,0,7.5C0,11.643,3.357,15,7.5,15
+ M3.793,5.793C3.988,5.599,4.244,5.5,4.5,5.5s0.512,0.099,0.707,0.293L7.5,8.086l2.292-2.293c0.391-0.392,1.023-0.392,1.414,0
+ s0.391,1.023,0,1.414l-3,3c-0.391,0.392-1.023,0.392-1.414,0l-3-3C3.402,6.816,3.402,6.185,3.793,5.793"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_black_16px.svg
new file mode 100644
index 0000000..e2f0d5f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1893.971 16 16" enable-background="new 13 1893.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M14,1901.97c0,3.866,3.134,7,7,7c3.865,0,7-3.134,7-7c0-3.866-3.135-7-7-7C17.133,1894.97,14,1898.104,14,1901.97z"/>
+<path fill="#FFFFFF" d="M22.707,1898.263c0.195,0.195,0.293,0.451,0.293,0.707s-0.098,0.512-0.293,0.707l-2.293,2.293l2.293,2.293
+ c0.391,0.391,0.391,1.023,0,1.414s-1.023,0.391-1.414,0l-3-3c-0.391-0.391-0.391-1.023,0-1.414l3-3
+ C21.684,1897.873,22.316,1897.873,22.707,1898.263z"/>
+<rect x="13" y="1893.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_white_16px.svg
new file mode 100644
index 0000000..9948c7d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretLeft_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M0,7.5C0,11.642,3.356,15,7.5,15c4.142,0,7.5-3.357,7.5-7.5C15,3.357,11.641,0,7.5,0C3.356,0,0,3.357,0,7.5
+ M9.207,3.793C9.401,3.988,9.5,4.244,9.5,4.5S9.401,5.012,9.207,5.207L6.914,7.5l2.293,2.292c0.392,0.391,0.392,1.023,0,1.414
+ s-1.023,0.391-1.414,0l-3-3c-0.392-0.391-0.392-1.023,0-1.414l3-3C8.184,3.402,8.815,3.402,9.207,3.793"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_black_16px.svg
new file mode 100644
index 0000000..066861e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1925.971 16 16" enable-background="new 13 1925.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28,1933.969c0-3.866-3.134-7-7-7c-3.865,0-7,3.134-7,7c0,3.866,3.135,7,7,7C24.867,1940.969,28,1937.835,28,1933.969z"/>
+<path fill="#FFFFFF" d="M19.293,1937.676c-0.195-0.195-0.293-0.451-0.293-0.707s0.098-0.512,0.293-0.707l2.293-2.293l-2.293-2.293
+ c-0.391-0.391-0.391-1.023,0-1.414s1.023-0.391,1.414,0l3,3c0.391,0.391,0.391,1.023,0,1.414l-3,3
+ C20.316,1938.067,19.684,1938.067,19.293,1937.676z"/>
+<rect x="13" y="1925.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_white_16px.svg
new file mode 100644
index 0000000..e615bff
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretRight_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M15,7.5C15,3.357,11.644,0,7.5,0C3.358,0,0,3.357,0,7.5S3.358,15,7.5,15C11.644,15,15,11.643,15,7.5
+ M5.793,11.207C5.599,11.012,5.5,10.756,5.5,10.5s0.099-0.512,0.293-0.707L8.086,7.5L5.793,5.207c-0.392-0.391-0.392-1.023,0-1.414
+ s1.023-0.391,1.414,0l3,3c0.392,0.391,0.392,1.023,0,1.414l-3,3C6.816,11.598,6.185,11.598,5.793,11.207"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_black_16px.svg
new file mode 100644
index 0000000..75da89c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1861.971 16 16" enable-background="new 13 1861.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,1862.971c-3.866,0-7,3.134-7,7c0,3.865,3.134,7,7,7c3.866,0,7-3.135,7-7C28,1866.105,24.866,1862.971,21,1862.971z"/>
+<path fill="#FFFFFF" d="M24.707,1871.678c-0.195,0.195-0.451,0.293-0.707,0.293s-0.512-0.098-0.707-0.293L21,1869.385l-2.293,2.293
+ c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414l3-3c0.391-0.391,1.023-0.391,1.414,0l3,3
+ C25.098,1870.655,25.098,1871.288,24.707,1871.678z"/>
+<rect x="13" y="1861.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_white_16px.svg
new file mode 100644
index 0000000..13b63b4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/circleCaretUp_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M7.5,0C3.357,0,0,3.356,0,7.5C0,11.642,3.357,15,7.5,15S15,11.642,15,7.5C15,3.356,11.643,0,7.5,0
+ M11.207,9.207C11.012,9.401,10.756,9.5,10.5,9.5S9.988,9.401,9.793,9.207L7.5,6.914L5.207,9.207c-0.391,0.392-1.023,0.392-1.414,0
+ s-0.391-1.023,0-1.414l3-3c0.391-0.392,1.023-0.392,1.414,0l3,3C11.598,8.184,11.598,8.815,11.207,9.207"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm.svg
new file mode 100644
index 0000000..6a566be
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#1D1D1B" d="M12,7c0-1.709-0.984-2.682-2.304-2.93C9.343,2.229,8.717,1,8,1S6.657,2.229,6.304,4.07
+ C4.984,4.318,4,5.291,4,7c0,3-2,3.76-2,4.5C2,12.881,4.687,14,8,14s6-1.119,6-2.5C14,10.76,12,10,12,7z"/>
+ <path fill="#1D1D1B" d="M8,15.25C8,15.664,7.664,16,7.25,16h-1.5C5.336,16,5,15.664,5,15.25l0,0c0-0.414,0.336-0.75,0.75-0.75h1.5
+ C7.664,14.5,8,14.836,8,15.25L8,15.25z"/>
+ </g>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M12,2c3,0,3.5,1.687,3.5,5"/>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M12,3.5c1.104,0,2,1.09,2,3.5"/>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M4,2C1,2,0.5,3.687,0.5,7"/>
+ <path fill="none" stroke="#8E8E8D" stroke-miterlimit="10" d="M4,3.5C2.896,3.5,2,4.59,2,7"/>
+ <g>
+ <g>
+ <g>
+ <path fill="#89BA17" d="M10,12.5c-0.4,0-0.776-0.156-1.06-0.438l-3-3.001C5.656,8.778,5.5,8.401,5.5,8s0.156-0.778,0.439-1.061
+ C6.223,6.656,6.6,6.5,7,6.5s0.777,0.156,1.061,0.439l1.838,1.838l3.949-4.738C14.133,3.697,14.553,3.5,15,3.5
+ c0.35,0,0.69,0.123,0.959,0.347c0.636,0.53,0.722,1.478,0.193,2.113l-5,6.001c-0.271,0.323-0.666,0.519-1.084,0.537L10,12.5z"/>
+ <path fill="#FFFFFF" d="M15,4c0.226,0,0.453,0.076,0.64,0.231c0.424,0.354,0.481,0.984,0.128,1.409l-5,6
+ c-0.18,0.215-0.442,0.346-0.723,0.358C10.03,12,10.015,12,10,12c-0.265,0-0.519-0.105-0.707-0.293l-3-3
+ c-0.391-0.39-0.391-1.024,0-1.414C6.488,7.098,6.744,7,7,7s0.512,0.098,0.707,0.293l2.226,2.226l4.299-5.159
+ C14.429,4.123,14.713,4,15,4 M15,3L15,3c-0.596,0-1.157,0.263-1.537,0.721L9.865,8.037L8.414,6.586C8.036,6.208,7.534,6,7,6
+ S5.964,6.208,5.586,6.586C5.208,6.963,5,7.465,5,8s0.208,1.037,0.586,1.415l3,2.999C8.965,12.792,9.467,13,10,13h0.032
+ l0.078-0.003c0.54-0.024,1.066-0.285,1.425-0.715l5.001-6.002c0.342-0.411,0.504-0.929,0.456-1.461s-0.301-1.014-0.711-1.355
+ C15.92,3.164,15.466,3,15,3L15,3z"/>
+ </g>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm_white.svg
new file mode 100644
index 0000000..ce07861
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clearAlarm_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#89ba17;}</style></defs><title>ebIcon_clearAlarm_white</title><path class="cls-1" d="M11.94,6.5A2.74,2.74,0,0,0,9.65,3.57C9.3,1.73,8.67.5,8,.5S6.62,1.73,6.27,3.57A2.74,2.74,0,0,0,4,6.5c0,3-2,3.76-2,4.5,0,1.38,2.67,2.5,6,2.5s6-1.12,6-2.5C13.93,10.26,11.94,9.5,11.94,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M8,14.75a.75.75,0,0,1-.75.75H5.72A.75.75,0,0,1,5,14.75H5A.75.75,0,0,1,5.72,14H7.21a.75.75,0,0,1,.75.75Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M15.92,6.5h-1c0-3.53-.64-4.5-3-4.5V1C15.62,1,15.92,3.6,15.92,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M14.43,6.5h-1c0-1.85-.57-3-1.49-3v-1C13.14,2.5,14.43,3.55,14.43,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M1,6.5H0C0,3.6.3,1,4,1V2C1.64,2,1,3,1,6.5Z" transform="translate(0 -0.5)"/><path class="cls-1" d="M2.49,6.5h-1c0-2.95,1.29-4,2.49-4v1C3.06,3.5,2.49,4.65,2.49,6.5Z" transform="translate(0 -0.5)"/><path class="cls-2" d="M10,11.65a1,1,0,0,1-.7-.29l-3-3a1,1,0,0,1,0-1.41,1,1,0,0,1,1.41,0L10,9.17,14.24,4a1,1,0,0,1,1.4-.13,1,1,0,0,1,.13,1.41l-5,6a1,1,0,0,1-.72.36h0" transform="translate(0 -0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_black_16px.svg
new file mode 100644
index 0000000..68f773b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_black_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="-0.5 0.5 16 16" enable-background="new -0.5 0.5 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.971"/>
+<rect x="13" y="2597.971" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<polyline fill="none" stroke="#000000" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+ 10,11 7.5,8.5 7.5,4.5 "/>
+<g>
+ <path d="M7.5,2.5c3.309,0,6,2.691,6,6s-2.691,6-6,6s-6-2.691-6-6S4.191,2.5,7.5,2.5 M7.5,0.5c-4.418,0-8,3.582-8,8
+ c0,4.418,3.582,8,8,8c4.418,0,8-3.582,8-8C15.5,4.082,11.918,0.5,7.5,0.5L7.5,0.5z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_white_16px.svg
new file mode 100644
index 0000000..8d845dd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/clock_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="-0.5 0.5 16 16" enable-background="new -0.5 0.5 16 16" xml:space="preserve">
+<rect display="none" fill="#FFFFFF" width="87" height="3280.971"/>
+<rect x="13" y="2597.971" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<polyline fill="none" stroke="#FFFFFF" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+ 10,11 7.5,8.5 7.5,4.5 "/>
+<g>
+ <path fill="#FFFFFF" d="M7.5,2.5c3.309,0,6,2.691,6,6s-2.691,6-6,6s-6-2.691-6-6S4.191,2.5,7.5,2.5 M7.5,0.5c-4.418,0-8,3.582-8,8
+ c0,4.418,3.582,8,8,8c4.418,0,8-3.582,8-8C15.5,4.082,11.918,0.5,7.5,0.5L7.5,0.5z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/close_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/close_white_16px.svg
new file mode 100644
index 0000000..012cfca
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/close_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-4 -4 16 16" enable-background="new -4 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M5.477,3.999l2.218-2.215c0.408-0.409,0.408-1.071,0-1.478c-0.408-0.409-1.069-0.409-1.478,0L3.999,2.523
+ L1.784,0.307c-0.409-0.409-1.07-0.409-1.478,0c-0.409,0.406-0.409,1.068,0,1.478l2.217,2.215L0.307,6.217
+ c-0.409,0.408-0.409,1.069,0,1.478C0.51,7.898,0.777,8,1.046,8C1.313,8,1.58,7.898,1.784,7.694l2.215-2.219l2.218,2.219
+ C6.421,7.898,6.688,8,6.955,8S7.49,7.898,7.694,7.694c0.408-0.408,0.408-1.069,0-1.478L5.477,3.999z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/comment_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/comment_white.svg
new file mode 100644
index 0000000..c6445e5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/comment_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15.5"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_comment_white</title><path class="cls-1" d="M13,0H3A3,3,0,0,0,0,3v6a3,3,0,0,0,3,3v3c0,.55.38.76.85.47L9.4,11.92H13a3,3,0,0,0,3-3V3A3,3,0,0,0,13,0Z"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connected_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connected_black_16px.svg
new file mode 100644
index 0000000..b1175aa
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connected_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2821.971 16 16" enable-background="new 13 2821.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M26.801,2825.152c0.266-0.269,0.266-0.709,0-0.979c-0.265-0.27-0.699-0.27-0.963,0l-1.182,1.201
+ c-0.023,0.022-0.04,0.047-0.058,0.072c-1.341-0.913-3.058-0.719-4.598,0.524l5,5c1.202-1.514,1.317-3.172,0.521-4.537
+ c0.034-0.023,0.067-0.049,0.098-0.08L26.801,2825.152z"/>
+<path d="M18.372,2827.433c-1.392,1.546-1.736,3.631-0.893,5.077c-0.034,0.023-0.067,0.05-0.098,0.08l-1.182,1.201
+ c-0.266,0.269-0.266,0.709,0,0.979c0.265,0.27,0.699,0.27,0.963,0l1.182-1.2c0.023-0.022,0.04-0.048,0.058-0.072
+ c1.44,0.98,3.607,0.648,5.186-0.848L18.372,2827.433z"/>
+<rect x="13" y="2821.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connectionError_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connectionError_black_16px.svg
new file mode 100644
index 0000000..546580d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/connectionError_black_16px.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2853.971 16 16" enable-background="new 13 2853.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="16" y1="2863.969" x2="19" y2="2860.969"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="19" y1="2866.969" x2="22" y2="2863.969"/>
+<path d="M20.536,2866.191l0.928,0.944c0.132,0.134,0.132,0.355,0,0.489l-0.24,0.245c-0.132,0.135-0.351,0.135-0.482,0l-5.641-5.731
+ c-0.134-0.134-0.134-0.354,0-0.489l0.24-0.245c0.132-0.134,0.348-0.134,0.48,0l0.931,0.944l0.723,0.734l2.339,2.376L20.536,2866.191
+ z M15.535,2862.241c0.112-0.114,0.229-0.221,0.346-0.323l5.171,5.251c-0.101,0.12-0.206,0.238-0.318,0.351
+ c-1.587,1.613-3.848,1.985-5.331,0.975c-0.019,0.024-0.035,0.05-0.058,0.072l-1.182,1.2c-0.264,0.27-0.698,0.27-0.963,0
+ c-0.266-0.269-0.266-0.709,0-0.979l1.182-1.201c0.03-0.031,0.063-0.057,0.098-0.08C13.602,2866.004,13.998,2863.802,15.535,2862.241
+ z"/>
+<path d="M26.466,2861.7c-0.112,0.114-0.229,0.222-0.346,0.323l-5.171-5.251c0.101-0.12,0.206-0.237,0.318-0.351
+ c1.587-1.613,3.848-1.985,5.331-0.976c0.019-0.024,0.035-0.049,0.058-0.072l1.182-1.201c0.264-0.27,0.698-0.27,0.963,0
+ c0.266,0.269,0.266,0.709,0,0.979l-1.182,1.201c-0.03,0.031-0.063,0.057-0.098,0.08C28.399,2857.937,28.003,2860.139,26.466,2861.7z
+ "/>
+<circle fill="#E32219" cx="25" cy="2865.97" r="4"/>
+<path fill="#FFFFFF" d="M25.873,2865.971l1.311-1.309c0.188-0.195,0.188-0.509,0-0.701l-0.176-0.175c-0.193-0.19-0.507-0.19-0.697,0
+ l-1.31,1.311l-1.312-1.311c-0.19-0.193-0.504-0.193-0.697,0l-0.176,0.175c-0.188,0.192-0.188,0.506,0,0.701l1.311,1.309
+ l-1.311,1.311c-0.188,0.191-0.188,0.505,0,0.697l0.176,0.175c0.193,0.193,0.507,0.193,0.697,0l1.312-1.31l1.31,1.31
+ c0.19,0.193,0.504,0.193,0.697,0l0.176-0.175c0.188-0.192,0.188-0.506,0-0.697L25.873,2865.971z"/>
+<rect x="13" y="2853.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/controllingNode.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/controllingNode.svg
new file mode 100644
index 0000000..204ef3e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/controllingNode.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" overflow="visible" enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path d="M8,1.201c0.203,0,0.383,0.112,0.473,0.293l6.273,12.542c0.08,0.161,0.07,0.358-0.025,0.514
+ c-0.096,0.154-0.268,0.251-0.449,0.251H1.729c-0.185,0-0.353-0.094-0.45-0.252c-0.096-0.154-0.104-0.351-0.022-0.514L7.529,1.492
+ C7.617,1.314,7.8,1.201,8,1.201 M8,0C7.345,0,6.746,0.371,6.455,0.957L0.183,13.498c-0.269,0.535-0.239,1.174,0.075,1.682
+ C0.573,15.689,1.13,16,1.729,16h12.542c0.6,0,1.156-0.311,1.471-0.82c0.314-0.508,0.344-1.146,0.074-1.682L9.546,0.957
+ C9.253,0.371,8.654,0,8,0"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_black_16px.svg
new file mode 100644
index 0000000..07adffb
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1061.971 16 16" enable-background="new 13 1061.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28.707,1071.263c-0.42-0.346-1.861-1.973-2.707-2.747v-2.046c0-2-1.947-2.5-2.5-2.5h-2v-0.5c0-0.276-0.225-0.5-0.5-0.5v0
+ h-1.982v0.004c-0.006,0-0.012-0.003-0.018-0.003c-0.276,0-0.5,0.224-0.5,0.5v0.5h-2c-2,0-2.3,1.947-2.3,2.5v8
+ c0,2,1.747,2.401,2.3,2.401c0,0,0.234,0.117,3.989,0.099c0.555,0.749,1.641,1,2.011,1c0,0,3.989,0,4,0c2,0,2.5-1.947,2.5-2.5v-3.5
+ C29,1071.714,28.92,1071.439,28.707,1071.263z M17.5,1075.97c-2,0-2.5-0.5-2.5-2.5c0,0,0-5.979,0-6c0-1.828,0.418-2.403,2.018-2.488
+ C17,1066.47,17,1066.47,17,1066.47v0c0,0.276,0.224,0.5,0.5,0.5v0h1.518H21h1.5v-0.001c0.275,0,0.5-0.224,0.5-0.499
+ c0-0.024,0-0.069-0.04-1.499c1.618,0.012,2.04,0.662,2.04,2.5v0.5l-3,0c-1,0-2,1-2,2v6C18.936,1075.97,18.308,1075.97,17.5,1075.97z
+ M28,1074.47c0,2-0.5,2.5-2.5,2.5c0,0,0,0-2,0s-2.5-0.5-2.5-2.5c0,0,0-2.98,0-3c0-2,0.5-2.5,2.5-2.5c1,0,1.5,0,1.5,0s0,1.448,0,2
+ v0.231v0.002c0.106,0.437,0.529,0.768,1,0.768c0.553,0,2,0,2,0S28,1074.443,28,1074.47z"/>
+<rect x="13" y="1061.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_white_16px.svg
new file mode 100644
index 0000000..85326a5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/copy_white_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M14.707,8.294C14.287,7.947,12.846,6.32,12,5.547V3.5c0-2-1.947-2.5-2.5-2.5h-2V0.5C7.5,0.225,7.275,0,7,0
+ H5.018v0.005C5.012,0.005,5.006,0,5,0C4.724,0,4.5,0.225,4.5,0.5V1h-2C0.5,1,0,2.947,0,3.5v8c0,2,1.947,2.5,2.5,2.5
+ c0,0,0.234,0.02,3.989,0c0.555,0.749,1.641,1,2.011,1h4c2,0,2.5-1.946,2.5-2.5V9C15,8.744,14.92,8.47,14.707,8.294 M3.5,13
+ c-2,0-2.5-0.5-2.5-2.5v-6c0-1.827,0.418-2.402,2.018-2.487C3,3.5,3,3.5,3,3.5C3,3.776,3.224,4,3.5,4h1.518H7h1.5V3.999
+ C8.775,3.999,9,3.775,9,3.5C9,3.476,9,3.431,8.96,2C10.578,2.014,11,2.663,11,4.5V5H8.5C6.5,5,6,6.948,6,7.5V13H3.5z M14,11.5
+ c0,2-0.5,2.5-2.5,2.5h-2c-2,0-2.5-0.5-2.5-2.5v-3C7,6.5,7.5,6,9.5,6H11v2v0.23v0.002C11.105,8.669,11.529,9,12,9h2V11.5z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/coreSubscriber_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/coreSubscriber_black_16px.svg
new file mode 100644
index 0000000..bb5a37b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/coreSubscriber_black_16px.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="-1.5 0.5 16 16" enable-background="new -1.5 0.5 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="229.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M8.854,12.427c0.006,0.004,0.014,0.006,0.019,0.011c0.104,0.059,0.211,0.114,0.323,0.157
+ c0.039,0.016,0.08,0.025,0.121,0.037c0.086,0.029,0.17,0.06,0.261,0.075c0.137,0.027,0.278,0.043,0.424,0.043
+ c0.144,0,0.286-0.016,0.423-0.043c0.092-0.016,0.176-0.046,0.262-0.075c0.039-0.012,0.082-0.021,0.121-0.037
+ c0.111-0.043,0.217-0.099,0.322-0.157c0.005-0.005,0.012-0.007,0.018-0.011c0.111-0.065,0.215-0.142,0.312-0.225v-0.001
+ c0.483-0.412,0.793-1.017,0.793-1.701c0-1.241-1.006-2.25-2.249-2.25S7.751,9.257,7.751,10.5C7.75,11.323,8.195,12.033,8.854,12.427
+ z"/>
+<path d="M10,14.5c-1.123,0-2.551-0.665-3.018-1.771c-0.59,0.732-0.475,1.529-0.475,2.4c0,0.273,0,0.607,0,0.607
+ c0,0.294,0.488,0.763,0.768,0.763h1.531c0.002,0,0.002,0,0.002,0c0.307,0,0.646,0,1.188,0s0.882,0,1.188,0c0,0,0,0,0.002,0h1.545
+ c0.265,0,0.76-0.497,0.76-0.776c0,0,0-0.383,0-0.656c0-0.887,0.113-1.646-0.518-2.385C12.494,13.898,11.122,14.5,10,14.5z"/>
+<g>
+ <line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="8.5" y1="6.28" x2="12.5" y2="6.28"/>
+ <line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="-1.5" y1="6.28" x2="2.5" y2="6.28"/>
+ <line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="8.5" y1="10.28" x2="12.5" y2="10.28"/>
+ <line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="-1.5" y1="10.28" x2="2.5" y2="10.28"/>
+ <g>
+ <path d="M5.5,12.5c-2.344,0-4.25-1.906-4.25-4.25C1.25,5.907,3.156,4,5.5,4s4.25,1.907,4.25,4.25C9.75,10.594,7.844,12.5,5.5,12.5
+ z M5.5,5.5c-1.517,0-2.75,1.233-2.75,2.75S3.983,11,5.5,11s2.75-1.233,2.75-2.75S7.017,5.5,5.5,5.5z"/>
+ <path d="M5.5,5.25c1.654,0,3,1.347,3,3c0,1.654-1.346,3-3,3s-3-1.346-3-3C2.5,6.597,3.846,5.25,5.5,5.25 M5.5,4.25
+ c-2.21,0-4,1.791-4,4c0,2.21,1.79,4,4,4s4-1.79,4-4C9.5,6.041,7.71,4.25,5.5,4.25L5.5,4.25z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/core_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/core_black_16px.svg
new file mode 100644
index 0000000..d2932b3
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/core_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="197.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="11" y1="6" x2="15" y2="6"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="1" y1="6" x2="5" y2="6"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="11" y1="10" x2="15" y2="10"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="1" y1="10" x2="5" y2="10"/>
+<g>
+ <path d="M8,12.22c-2.343,0-4.25-1.906-4.25-4.25c0-2.343,1.907-4.25,4.25-4.25c2.344,0,4.25,1.907,4.25,4.25
+ C12.25,10.313,10.344,12.22,8,12.22z M8,5.22c-1.517,0-2.75,1.233-2.75,2.75S6.483,10.72,8,10.72s2.75-1.233,2.75-2.75
+ S9.517,5.22,8,5.22z"/>
+ <path d="M8,4.97c1.654,0,3,1.347,3,3c0,1.654-1.346,3-3,3s-3-1.346-3-3C5,6.316,6.346,4.97,8,4.97 M8,3.97c-2.21,0-4,1.791-4,4
+ c0,2.21,1.79,4,4,4s4-1.79,4-4C12,5.761,10.21,3.97,8,3.97L8,3.97z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_black.svg
new file mode 100644
index 0000000..c1392bd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_black.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1829.971 16 16" enable-background="new 13 1829.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M22,1835.384c0,0,0.872,1.164,1.291,1.304c0,0,0.869-1.461,1.961-3.417c0.295-0.529-0.386-3.31-1.089-1.911
+ C23.311,1833.058,23.121,1833.849,22,1835.384z"/>
+<path d="M24,1839.233c-0.538-0.262-1.038-0.441-1.359-0.711c-3.974-4.011-4.708-7.552-5.641-7.552c-1,0-1,1.501-1,1.501
+ c2.292,3.753,5.614,7.403,5.614,7.403s0.297,0.459,0.386,1.096h0.667c0.055-0.453,0.187-0.817,0.459-0.949
+ c0.248-0.12,0.553-0.501,0.874-0.395V1839.233z"/>
+<g>
+ <path d="M18.208,1839.771L18.208,1839.771c0.119,0,0.231,0.02,0.333,0.058c0.234,0.089,0.412,0.276,0.527,0.556
+ c0.227,0.552,0.161,1.32-0.176,2.055c-0.521,1.136-1.451,1.73-2.101,1.73c-0.119,0-0.231-0.02-0.333-0.059
+ c-0.235-0.089-0.412-0.276-0.527-0.556c-0.227-0.552-0.161-1.32,0.176-2.055C16.628,1840.366,17.559,1839.771,18.208,1839.771
+ M18.208,1838.971c-1.05,0-2.219,0.87-2.828,2.197c-0.731,1.596-0.375,3.25,0.795,3.693c0.197,0.074,0.404,0.11,0.617,0.11
+ c1.05,0,2.219-0.87,2.828-2.197c0.731-1.596,0.375-3.249-0.795-3.693C18.628,1839.007,18.42,1838.971,18.208,1838.971
+ L18.208,1838.971z"/>
+</g>
+<g>
+ <path d="M23.792,1839.771L23.792,1839.771c0.649,0,1.58,0.594,2.101,1.73c0.336,0.735,0.402,1.503,0.176,2.055
+ c-0.115,0.28-0.292,0.467-0.527,0.556c-0.103,0.039-0.214,0.058-0.333,0.058c-0.649,0-1.58-0.594-2.101-1.73
+ c-0.336-0.735-0.402-1.503-0.176-2.055c0.115-0.28,0.292-0.468,0.527-0.556C23.561,1839.791,23.672,1839.771,23.792,1839.771
+ M23.792,1838.971c-0.212,0-0.42,0.035-0.617,0.11c-1.17,0.443-1.526,2.097-0.795,3.693c0.608,1.327,1.778,2.197,2.828,2.197
+ c0.212,0,0.42-0.036,0.617-0.11c1.171-0.443,1.527-2.097,0.795-3.693C26.011,1839.841,24.841,1838.971,23.792,1838.971
+ L23.792,1838.971z"/>
+</g>
+<rect x="13" y="1829.972" display="none" opacity="0.2" fill="#E94E47" width="16" height="15.998"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_white.svg
new file mode 100644
index 0000000..83c7529
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/cut_white.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2 -1 16 16" enable-background="new -2 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M6.614,8.903c0,0-3.322-2.936-5.614-6.69c0,0,0.465-2.701,1.023-1.957c0.56,0.747,1.644,3.283,5.617,7.295
+ c0.791,0.664,2.651,0.727,3.564,2.954c0.057,0.139-2.027-1.965-3.079-1.455c-1.052,0.511-0.034,4.441-0.422,3.865
+ C6.626,11.312,6.614,8.903,6.614,8.903"/>
+<path fill="#FFFFFF" d="M6.939,4.413c0,0,0.933,1.164,1.352,1.304c0,0,0.869-1.461,1.961-3.416c0.295-0.528-0.386-3.31-1.089-1.911
+ C8.311,2.086,8.061,2.877,6.939,4.413"/>
+<path fill="#FFFFFF" d="M3.502,8.388C2.417,7.943,1,8.89,0.338,10.505c-0.663,1.613-0.319,3.283,0.764,3.729
+ c1.085,0.444,2.501-0.503,3.164-2.118C4.929,10.503,4.586,8.833,3.502,8.388 M3.599,11.843c-0.437,1.066-1.373,1.691-2.09,1.398
+ c-0.714-0.295-0.941-1.396-0.503-2.463c0.437-1.066,1.372-1.691,2.087-1.396C3.811,9.677,4.035,10.777,3.599,11.843"/>
+<path fill="#FFFFFF" d="M7.277,12.116c0.663,1.615,2.079,2.563,3.164,2.119c1.083-0.447,1.427-2.117,0.764-3.73
+ C10.543,8.89,9.126,7.944,8.041,8.388C6.957,8.833,6.614,10.503,7.277,12.116 M8.45,9.382c0.715-0.295,1.649,0.33,2.087,1.396
+ s0.211,2.168-0.503,2.463c-0.717,0.293-1.652-0.332-2.09-1.398C7.508,10.778,7.732,9.677,8.45,9.382"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/database_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/database_black_16px.svg
new file mode 100644
index 0000000..20e572a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/database_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 453.97 16 16" enable-background="new 8 453.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16,454.97c-3.864,0-6,1.112-6,2.484c0,2.302,0,2.469,0,4.51
+ c0,2.042,0,2.084,0,4.483c0,1.372,2.136,2.481,6,2.481c3.865,0,6-1.109,6-2.481c0-2.441,0-2.608,0-4.483s0-2.208,0-4.51
+ C22,456.083,19.865,454.97,16,454.97z M16,467.153c-3.273,0-4.928-0.94-4.928-2.104c0-0.301,0.116-0.585,0.337-0.844
+ c0.633,0.74,2.164,1.259,4.591,1.259s3.959-0.518,4.592-1.259c0.221,0.259,0.337,0.543,0.337,0.844
+ C20.929,466.213,19.273,467.153,16,467.153z M16,463.495c-3.273,0-4.928-0.941-4.928-2.104c0-0.301,0.116-0.585,0.337-0.844
+ c0.633,0.74,2.164,1.259,4.591,1.259s3.959-0.518,4.592-1.259c0.221,0.259,0.337,0.543,0.337,0.844
+ C20.929,462.554,19.273,463.495,16,463.495z M16,459.839c-3.273,0-4.928-0.788-4.928-1.803c0-1.015,1.654-1.809,4.928-1.809
+ s4.929,0.794,4.929,1.809C20.929,459.05,19.273,459.839,16,459.839z"/>
+<rect x="8" y="453.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_black_16px.svg
new file mode 100644
index 0000000..10b7e8b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_black_16px.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M5.219,8.943c0.012,0.008,0.024,0.015,0.037,0.022c0.206,0.13,0.418,0.248,0.643,0.339c0.078,0.033,0.16,0.053,0.239,0.082
+ C6.31,9.445,6.479,9.51,6.657,9.545C6.93,9.604,7.211,9.637,7.5,9.637s0.571-0.033,0.844-0.092c0.18-0.035,0.347-0.1,0.521-0.158
+ c0.078-0.029,0.161-0.049,0.239-0.082c0.223-0.092,0.434-0.209,0.641-0.339c0.013-0.007,0.026-0.014,0.037-0.022
+ c0.221-0.14,0.426-0.302,0.618-0.48c0,0,0,0,0-0.001c0.961-0.883,1.579-2.179,1.579-3.643C11.979,2.157,9.974,0,7.5,0
+ C5.028,0,3.022,2.157,3.022,4.819C3.022,6.579,3.91,8.103,5.219,8.943z"/>
+<path d="M12.68,8.484c-1.273,1.997-3.135,3.266-5.211,3.266c-2.076,0-3.936-1.269-5.209-3.266c-1.502,1.497-1.242,3.13-1.242,4.934
+ c0,0.516,0,1.146,0,1.146C1.017,15.116,1.916,16,2.434,16h2.833c0.001,0,0.003,0,0.003,0c0.568,0,1.199,0,2.198,0
+ c1.001,0,1.631,0,2.201,0h0.002h2.863c0.489,0,1.4-0.938,1.4-1.465c0,0,0-0.719,0-1.234C13.935,11.497,14.183,9.979,12.68,8.484z"/>
+<path display="none" fill="#89BA17" d="M15.726,12.401c0.203-0.138,0.22-0.674,0-0.811l0,0l0,0c0,0-5.985-3.6-6.144-3.6
+ C9.265,7.992,9.01,8.247,9.01,8.563v6.865C9.01,15.744,9.265,16,9.582,16C9.742,16,15.726,12.401,15.726,12.401z"/>
+<path fill="#E32219" d="M14.864,8.001H9.181c-0.625,0-1.136,0.516-1.136,1.144v5.711C8.045,15.484,8.556,16,9.181,16h5.684
+ C15.489,16,16,15.484,16,14.856V9.146C16,8.518,15.489,8.001,14.864,8.001z"/>
+<path display="none" fill="#E32219" d="M13.729,12.516l1.931-1.931c0.356-0.356,0.356-0.933,0-1.287
+ c-0.356-0.355-0.932-0.355-1.287,0l-1.93,1.932l-1.931-1.932c-0.357-0.355-0.933-0.355-1.286,0c-0.356,0.354-0.356,0.931,0,1.287
+ l1.93,1.931l-1.93,1.932c-0.356,0.354-0.356,0.93,0,1.286C9.403,15.91,9.637,16,9.87,16c0.232,0,0.465-0.09,0.643-0.267l1.931-1.931
+ l1.93,1.931C14.551,15.91,14.783,16,15.017,16c0.232,0,0.467-0.09,0.644-0.267c0.356-0.356,0.356-0.933,0-1.286L13.729,12.516z"/>
+<circle display="none" fill="#E32219" cx="12" cy="12" r="4"/>
+<path fill="#FFFFFF" d="M12.873,12.002l1.311-1.309c0.188-0.195,0.188-0.51,0-0.701l-0.176-0.176c-0.193-0.189-0.508-0.189-0.697,0
+ L12,11.127l-1.311-1.311c-0.191-0.193-0.504-0.193-0.697,0L9.816,9.992c-0.189,0.191-0.189,0.506,0,0.701l1.311,1.309l-1.311,1.311
+ c-0.189,0.191-0.189,0.504,0,0.697l0.176,0.174c0.193,0.193,0.506,0.193,0.697,0L12,12.875l1.311,1.309
+ c0.189,0.193,0.504,0.193,0.697,0l0.176-0.174c0.188-0.193,0.188-0.506,0-0.697L12.873,12.002z"/>
+<g display="none">
+ <circle display="inline" fill="#89BA17" cx="11.973" cy="11.973" r="4.027"/>
+ <path display="inline" fill="#FFFFFF" d="M11.473,14.532c-0.152,0-0.299-0.06-0.407-0.169L9.34,12.638
+ c-0.224-0.225-0.224-0.59,0-0.813c0.225-0.225,0.59-0.225,0.813,0l1.28,1.279l2.474-2.967c0.204-0.244,0.566-0.277,0.811-0.073
+ c0.244,0.203,0.276,0.565,0.073,0.81l-2.876,3.451c-0.104,0.125-0.255,0.2-0.416,0.207C11.49,14.531,11.481,14.532,11.473,14.532z"
+ />
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_white.svg
new file mode 100644
index 0000000..944db31
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deactivate_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#e32219;}</style></defs><title>ebIcon_deactivate_white</title><path class="cls-1" d="M5.22,8.94l0,0a4.07,4.07,0,0,0,.64.34l.24.08a3.86,3.86,0,0,0,2.21.16,4.16,4.16,0,0,0,.52-.16l.24-.08A4.27,4.27,0,0,0,9.74,9l0,0a4.28,4.28,0,0,0,.62-.48h0A4.93,4.93,0,0,0,12,4.82,4.66,4.66,0,0,0,7.5,0,4.66,4.66,0,0,0,3,4.82,4.88,4.88,0,0,0,5.22,8.94Z" transform="translate(-1)"/><path class="cls-1" d="M12.68,8.48a6.34,6.34,0,0,1-5.21,3.27A6.33,6.33,0,0,1,2.26,8.48C.76,10,1,11.61,1,13.42v1.15A1.93,1.93,0,0,0,2.43,16h10.1a2,2,0,0,0,1.4-1.47V13.3C13.93,11.5,14.18,10,12.68,8.48Z" transform="translate(-1)"/><path class="cls-2" d="M14.86,8H9.18A1.14,1.14,0,0,0,8,9.15v5.71A1.14,1.14,0,0,0,9.18,16h5.68A1.14,1.14,0,0,0,16,14.86V9.15A1.14,1.14,0,0,0,14.86,8Z" transform="translate(-1)"/><path class="cls-1" d="M12.87,12l1.31-1.31a.51.51,0,0,0,0-.7L14,9.82a.5.5,0,0,0-.7,0L12,11.13,10.69,9.82a.49.49,0,0,0-.7,0L9.82,10a.5.5,0,0,0,0,.7L11.13,12,9.82,13.31a.5.5,0,0,0,0,.7l.18.17a.49.49,0,0,0,.7,0L12,12.88l1.31,1.31a.49.49,0,0,0,.7,0l.18-.17a.5.5,0,0,0,0-.7Z" transform="translate(-1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_black_16px.svg
new file mode 100644
index 0000000..37e389d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_black_16px.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 773.971 16 16" enable-background="new 13 773.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M26,777.018H15c-0.553,0-1,0.193-1,0.746c0,0.552,0.447,0.731,1,0.731v9.522c0,1.105,0.896,1.953,2,1.953h7
+ c1.104,0,2-0.848,2-1.953v-9.522c0.553,0,1-0.18,1-0.731C27,777.211,26.553,777.018,26,777.018z M16.752,787.613v-8.191
+ c0-0.413,0.334-0.748,0.748-0.748s0.748,0.335,0.748,0.748v8.191c0,0.414-0.334,0.748-0.748,0.748S16.752,788.027,16.752,787.613z
+ M19.752,787.613v-8.191c0-0.413,0.335-0.748,0.748-0.748s0.748,0.335,0.748,0.748v8.191c0,0.414-0.335,0.748-0.748,0.748
+ S19.752,788.027,19.752,787.613z M22.752,787.613v-8.191c0-0.413,0.335-0.748,0.748-0.748s0.748,0.335,0.748,0.748v8.191
+ c0,0.414-0.335,0.748-0.748,0.748S22.752,788.027,22.752,787.613z M16.693,776.469c-0.248-0.169-0.316-0.505-0.148-0.755
+ c0.047-0.071,1.193-1.744,3.955-1.744s3.908,1.673,3.956,1.744c0.168,0.252,0.1,0.592-0.152,0.76
+ c-0.094,0.063-0.199,0.092-0.303,0.092c-0.178,0-0.352-0.086-0.457-0.244c-0.032-0.047-0.896-1.256-3.044-1.256
+ s-3.012,1.209-3.047,1.26C17.281,776.573,16.942,776.638,16.693,776.469z"/>
+<rect x="13" y="773.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_white_16px.svg
new file mode 100644
index 0000000..ba88772
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/delete_white_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 0 16 16" enable-background="new -1.5 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12,3.048H1c-0.553,0-1,0.192-1,0.746c0,0.552,0.447,0.73,1,0.73v9.522c0,1.104,0.896,2,2,2h7
+ c1.104,0,2-0.896,2-2V4.524c0.553,0,1-0.179,1-0.73C13,3.24,12.553,3.048,12,3.048 M2.752,13.643V5.452
+ c0-0.413,0.334-0.749,0.748-0.749s0.748,0.335,0.748,0.749v8.191c0,0.414-0.334,0.748-0.748,0.748S2.752,14.057,2.752,13.643
+ M5.752,13.643V5.452c0-0.413,0.335-0.749,0.748-0.749s0.748,0.335,0.748,0.749v8.191c0,0.414-0.335,0.748-0.748,0.748
+ S5.752,14.057,5.752,13.643 M8.752,13.643V5.452c0-0.413,0.335-0.749,0.748-0.749c0.412,0,0.748,0.335,0.748,0.749v8.191
+ c0,0.414-0.336,0.748-0.748,0.748C9.087,14.391,8.752,14.057,8.752,13.643 M2.693,2.499C2.445,2.33,2.377,1.994,2.545,1.744
+ C2.592,1.673,3.738,0,6.5,0s3.908,1.673,3.955,1.744c0.168,0.252,0.1,0.592-0.152,0.76C10.209,2.565,10.104,2.596,10,2.596
+ c-0.178,0-0.352-0.086-0.457-0.244C9.512,2.305,8.648,1.096,6.5,1.096S3.488,2.305,3.453,2.354C3.281,2.603,2.942,2.668,2.693,2.499
+ "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deprecated_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deprecated_16px.svg
new file mode 100644
index 0000000..f28de08
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/deprecated_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#F6B966" d="M15.742,15.182C15.426,15.691,14.872,16,14.27,16H1.729c-0.6,0-1.156-0.309-1.471-0.818
+ c-0.315-0.508-0.344-1.146-0.076-1.682L6.454,1.143C6.747,0.557,7.347,0.001,8,0.001c0.654,0,1.254,0.556,1.547,1.141l6.27,12.357
+ C16.086,14.036,16.057,14.673,15.742,15.182z"/>
+<rect x="7" y="5" fill="#FFFFFF" width="2" height="5"/>
+<rect x="7" y="12" fill="#FFFFFF" width="2" height="2"/>
+<rect x="0" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_black_16px.svg
new file mode 100644
index 0000000..43769d7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_black_16px.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="389.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M9,0.5c-1.654,0-3,1.346-3,3V4v2v4c0,1.425,0.645,2.5,1.5,2.5h1H9c0.579,0,1-0.631,1-1.5V4H9v7
+ c0,0.249-0.061,0.422-0.104,0.5H8.5h-1C7.401,11.5,7,11.018,7,10V6V4V3.5c0-1.103,0.897-2,2-2c1.104,0,2,0.897,2,2V8v2v1.5
+ c0,1.654-1.346,3-3,3c-1.626,0-3-2.061-3-4.5V4H4v6c0,3.032,1.794,5.5,4,5.5s4-1.794,4-4V10V8V3.5C12,1.846,10.654,0.5,9,0.5z"/>
+<line fill="none" stroke="#E32219" stroke-width="1.5" stroke-miterlimit="10" x1="2" y1="14" x2="14" y2="1"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_white.svg
new file mode 100644
index 0000000..5887346
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/detach_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.1 15.01"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#e32219;}</style></defs><title>ebIcon_detach_white</title><path class="cls-1" d="M8.5.5a3,3,0,0,0-3,3V10c0,1.42.64,2.5,1.5,2.5H8.5c.58,0,1-.63,1-1.5V4h-1v7a1.09,1.09,0,0,1-.1.5H7c-.1,0-.5-.48-.5-1.5V3.5a2,2,0,0,1,4,0v8a3,3,0,0,1-3,3c-1.63,0-3-2.06-3-4.5V4h-1v6c0,3,1.79,5.5,4,5.5a4,4,0,0,0,4-4v-8A3,3,0,0,0,8.5.5Z" transform="translate(-0.95 -0.49)"/><rect class="cls-2" x="-1.35" y="6.75" width="17.69" height="1.5" transform="translate(-4.05 7.43) rotate(-47.29)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_blue.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_blue.svg
new file mode 100644
index 0000000..7a186a3
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_blue.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 453.971 16 16" enable-background="new 13 453.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<circle fill="#00A9D4" cx="21" cy="461.97" r="8"/>
+<path fill="#FFFFFF" d="M20,461.97c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1v4c0,0.55-0.45,1-1,1l0,0c-0.55,0-1-0.45-1-1V461.97z"/>
+<path fill="#FFFFFF" d="M20,457.77c0-0.44,0.36-0.8,0.8-0.8h0.4c0.44,0,0.8,0.36,0.8,0.8v0.4c0,0.44-0.36,0.8-0.8,0.8h-0.4
+ c-0.44,0-0.8-0.36-0.8-0.8V457.77z"/>
+<rect x="13" y="453.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_white.svg
new file mode 100644
index 0000000..5248d4c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/dialogInfo_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_dialogInfo_white</title><path class="cls-1" d="M8,.5A7.5,7.5,0,1,0,15.5,8,7.5,7.5,0,0,0,8,.5m0,13A1.49,1.49,0,1,1,9.5,12,1.49,1.49,0,0,1,8,13.49M9,8.81a1,1,0,1,1-2,0V3.18a1,1,0,1,1,2,0Z" transform="translate(-0.5 -0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/disconnected_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/disconnected_black_16px.svg
new file mode 100644
index 0000000..4c71823
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/disconnected_black_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2789.971 16 16" enable-background="new 13 2789.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="16" y1="2799.97" x2="19" y2="2796.97"/>
+<line fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="19" y1="2802.97" x2="22" y2="2799.97"/>
+<path d="M20.536,2802.192l0.928,0.944c0.132,0.134,0.132,0.355,0,0.489l-0.24,0.245c-0.132,0.135-0.351,0.135-0.482,0l-5.641-5.731
+ c-0.134-0.134-0.134-0.354,0-0.489l0.24-0.245c0.132-0.134,0.348-0.134,0.48,0l0.931,0.944l0.723,0.734l2.339,2.376L20.536,2802.192
+ z M15.535,2798.242c0.112-0.114,0.229-0.221,0.346-0.323l5.171,5.251c-0.101,0.12-0.206,0.238-0.318,0.351
+ c-1.587,1.613-3.848,1.985-5.331,0.975c-0.019,0.024-0.035,0.05-0.058,0.072l-1.182,1.2c-0.264,0.27-0.698,0.27-0.963,0
+ c-0.266-0.269-0.266-0.709,0-0.979l1.182-1.201c0.03-0.031,0.063-0.057,0.098-0.08C13.602,2802.005,13.998,2799.803,15.535,2798.242
+ z"/>
+<path d="M26.466,2797.701c-0.112,0.114-0.229,0.222-0.346,0.323l-5.171-5.251c0.101-0.12,0.206-0.237,0.318-0.351
+ c1.587-1.613,3.848-1.985,5.331-0.976c0.019-0.024,0.035-0.049,0.058-0.072l1.182-1.201c0.264-0.27,0.698-0.27,0.963,0
+ c0.266,0.269,0.266,0.709,0,0.979l-1.182,1.201c-0.03,0.031-0.063,0.057-0.098,0.08C28.399,2793.938,28.003,2796.14,26.466,2797.701
+ z"/>
+<rect x="13" y="2789.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/document_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/document_white_16px.svg
new file mode 100644
index 0000000..c4d6468
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/document_white_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path fill="#FFFFFF" d="M11.633,3.266c-0.122-0.129-0.247-0.261-0.369-0.395c-0.124-0.132-0.247-0.267-0.367-0.398
+ C10.041,1.532,9.531,1,9,1H5C3.897,1,3,1.967,3,3.154v9.693C3,14.034,3.897,15,5,15h6c1.103,0,2-0.966,2-2.153V5.308
+ C13,4.736,12.506,4.187,11.633,3.266z M11.668,11.843c0,0.594-0.11,1.203-0.662,1.203H4.993c-0.552,0-0.736-0.548-0.732-1.199V4.154
+ C4.234,3.249,4.469,2.9,5.021,2.9l3.442-0.016C9.081,2.9,9,3.651,9,4.129V4.77c0,0.296,0.226,0.538,0.5,0.538H11
+ c0.709,0.004,0.668,0.999,0.668,1.535V11.843z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_black.svg
new file mode 100644
index 0000000..e9bff8d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_black.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 197.971 16 16" enable-background="new 13 197.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M20.293,209.677c0.195,0.196,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l5-5c0.391-0.39,0.391-1.023,0-1.414
+ c-0.391-0.39-1.023-0.39-1.414,0L22,206.556v-6.586c0-0.552-0.448-1-1-1s-1,0.448-1,1v6.586l-3.293-3.293
+ c-0.391-0.39-1.023-0.39-1.414,0c-0.391,0.391-0.391,1.024,0,1.414L20.293,209.677z"/>
+<path d="M27,210.97H15c-0.552,0-1,0.448-1,1s0.448,1,1,1h12c0.552,0,1-0.448,1-1S27.552,210.97,27,210.97z"/>
+<rect x="13" y="197.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white.svg
new file mode 100644
index 0000000..640cab6
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white.svg
@@ -0,0 +1,10 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.5 14">
+ <defs>
+ <style>.cls-1{fill:#fff;}</style>
+ </defs>
+ <title>ebIcon_import_white</title>
+ <path class="cls-1" d="M13.79,14.06H1.71a.72.72,0,0,0,0,1.44H13.79a.72.72,0,0,0,0-1.44Z" transform="translate(-1 -1.5)"/>
+ <path class="cls-1"
+ d="M7.25,11.9a.71.71,0,0,0,1,0l5-5.09a.73.73,0,0,0,0-1,.7.7,0,0,0-1,0L8.46,9.65V2.22A.71.71,0,1,0,7,2.22V9.65L3.22,5.79a.7.7,0,0,0-1,0,.73.73,0,0,0,0,1Z"
+ transform="translate(-1 -1.5)"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white_16px.svg
new file mode 100644
index 0000000..94b7c06
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/download_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M14,13.001H2c-0.552,0-1,0.448-1,1S1.448,15,2,15h12c0.552,0,1-0.447,1-0.999S14.552,13.001,14,13.001z"/>
+<path fill="#FFFFFF" d="M7.293,11.707C7.488,11.902,7.744,12,8,12s0.512-0.098,0.707-0.293l5-5c0.391-0.39,0.391-1.023,0-1.414
+ c-0.391-0.39-1.023-0.39-1.414,0L9,8.586V2c0-0.552-0.448-1-1-1S7,1.448,7,2v6.586L3.707,5.293c-0.391-0.39-1.023-0.39-1.414,0
+ c-0.391,0.391-0.391,1.024,0,1.414L7.293,11.707z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/draft.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/draft.svg
new file mode 100644
index 0000000..f218b88
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/draft.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 13.4 15" style="enable-background:new 0 0 13.4 15;" xml:space="preserve">
+<path fill="#999999" d="M8.2,7c1-1,2-2,3.4-3.3c-0.2-0.4-0.5-0.8-0.8-1.1C10.5,2.3,10.1,2,9.7,1.8C8.3,3.2,7.4,4.2,6.4,5.2
+ c0.4,0.2,0.7,0.5,1,0.8C7.7,6.3,7.9,6.6,8.2,7"/>
+<path fill="#999999" d="M6.4,7C6.1,6.7,5.7,6.4,5.3,6.2L5.2,6.4C5,6.6,3.5,8.9,4,9.4s2.8-1,3-1.2l0.2-0.2C7,7.7,6.7,7.3,6.4,7"/>
+<path fill="#999999" d="M11.7,1.7c0.3,0.3,0.6,0.6,0.8,1l0.1-0.1c0.6-0.5,1.3-1.3,0.4-2.2s-1.7-0.1-2.2,0.4l-0.1,0.1
+ C11,1.1,11.4,1.4,11.7,1.7"/>
+<path fill="#999999" d="M9.9,7v6c0,0.6-0.3,0.9-0.9,0.9H2c-0.6,0-0.8-0.4-0.8-0.9V4c0-0.6,0.3-0.9,0.8-0.9h5L8,2H2C0.9,2,0,2.9,0,4v9
+ c0,1.1,0.9,2,2,2h7c1.1,0,2-0.9,2-2V6L9.9,7z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_black_16px.svg
new file mode 100644
index 0000000..34d7f84
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1029.971 16 16" enable-background="new 13 1029.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M27.758,1035.337l0.008-0.01l-0.044-0.043c-0.013-0.012-0.023-0.024-0.037-0.035L27,1034.564l-1.594-1.594l-0.686-0.685
+ c-0.182-0.193-0.436-0.315-0.722-0.315h-0.593l-1-1l-0.686-0.685c-0.182-0.193-0.436-0.315-0.722-0.315H20h-4c-1.1,0-2,0.9-2,2v10
+ c0,1.1,0.9,2,2,2h1c0,1.1,0.9,2,2,2h7c1.1,0,2-0.9,2-2v-7v-0.999C28,1035.726,27.902,1035.51,27.758,1035.337z M16,1042.97
+ c-0.551,0-1-0.447-1-1v-10c0-0.552,0.449-1,1-1h4v1v1c0,1.1,0.9,2,1.999,2H23h1v1.721v5.279c0,0.553-0.449,1-1,1H16z M27,1043.97
+ c0,0.553-0.449,1-1,1h-7c-0.551,0-1-0.447-1-1h5c1.1,0,2-0.9,2-2v-5h1h1V1043.97z"/>
+<rect x="13" y="1029.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_white_16px.svg
new file mode 100644
index 0000000..751a3db
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/duplicate_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 0 16 16" enable-background="new -1 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M13.707,5.294c-0.475-0.391-3.248-2.411-4-3C9.489,2.123,9.256,2,9,2H8.99
+ C8.091,1.333,7.11,0.608,6.707,0.294C6.489,0.123,6.256,0,6,0H2.5C0.5,0,0,1.948,0,2.5v9c0,2,1.947,2.5,2.5,2.5h0.533
+ C3.25,15.587,4.496,16,5,16h6.5c2,0,2.5-1.946,2.5-2.5V6C14,5.744,13.92,5.47,13.707,5.294 M1,10.5v-7C1,1.5,1.5,1,3.5,1H5v1v1.022
+ V4c0,0.554,0.447,1,1,1h2h2v2v3.5c0,2-0.5,2.5-2.5,2.5h-4C1.5,13,1,12.5,1,10.5 M13,12.5c0,2-0.5,2.5-2.5,2.5H6
+ c-1.286,0-1.742-0.343-1.905-1.001C9,14,8.493,14,8.5,14c2,0,2.5-1.946,2.5-2.5V7h2V12.5z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_black_16px.svg
new file mode 100644
index 0000000..a4dc978
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 517.971 16 16" enable-background="new 13 517.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M20.417,528.848c1.295-1.285,2.509-2.489,4.235-4.229c-0.225-0.463-0.54-0.925-0.956-1.341
+ c-0.417-0.417-0.88-0.732-1.343-0.957c-1.741,1.724-2.943,2.941-4.227,4.235c0.448,0.263,0.887,0.587,1.296,0.995
+ C19.83,527.957,20.153,528.397,20.417,528.848z"/>
+<path d="M18.174,528.8c-0.414-0.413-0.876-0.727-1.334-0.95c-0.112,0.113-0.19,0.191-0.209,0.21c-0.21,0.21-2.142,3.14-1.5,3.781
+ c0.644,0.643,3.573-1.287,3.783-1.497c0.02-0.02,0.097-0.097,0.21-0.208C18.9,529.675,18.587,529.212,18.174,528.8z"/>
+<path d="M24.862,522.11c0.406,0.406,0.729,0.845,0.992,1.295c0.023-0.025,0.051-0.053,0.076-0.078
+ c0.703-0.715,1.691-1.693,0.549-2.836c-1.141-1.141-2.117-0.152-2.833,0.55c-0.025,0.025-0.054,0.052-0.079,0.076
+ C24.016,521.381,24.456,521.705,24.862,522.11z"/>
+<rect x="13" y="517.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_white_16px.svg
new file mode 100644
index 0000000..583ebb2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/edit_white_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2 -2 16 16" enable-background="new -2 -2 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M5.416,8.877c1.295-1.285,2.51-2.49,4.234-4.23C9.426,4.186,9.112,3.723,8.696,3.306
+ C8.279,2.889,7.814,2.574,7.353,2.35C5.612,4.073,4.41,5.291,3.126,6.583c0.448,0.263,0.887,0.587,1.296,0.996
+ C4.83,7.985,5.153,8.425,5.416,8.877"/>
+<path fill="#FFFFFF" d="M3.173,8.828C2.76,8.414,2.298,8.1,1.839,7.877C1.727,7.991,1.649,8.069,1.63,8.088
+ c-0.21,0.211-2.142,3.14-1.5,3.78c0.645,0.645,3.572-1.286,3.783-1.496c0.02-0.021,0.096-0.097,0.21-0.21
+ C3.9,9.702,3.587,9.24,3.173,8.828"/>
+<path fill="#FFFFFF" d="M9.86,2.14c0.406,0.406,0.73,0.844,0.993,1.294c0.022-0.024,0.05-0.052,0.075-0.077
+ c0.702-0.715,1.693-1.692,0.549-2.836C10.338-0.62,9.36,0.368,8.646,1.071C8.62,1.096,8.591,1.124,8.565,1.146
+ C9.016,1.409,9.455,1.734,9.86,2.14"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/error_red_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/error_red_16px.svg
new file mode 100644
index 0000000..e855035
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/error_red_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 357.971 16 16" enable-background="new 13 357.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#E32219" d="M21,357.97c-4.418,0-8,3.582-8,8c0,4.418,3.582,8,8,8s8-3.582,8-8C29,361.552,25.418,357.97,21,357.97"/>
+<path fill="#FFFFFF" d="M24.536,368.09c0.392,0.392,0.392,1.024,0,1.414c-0.194,0.195-0.451,0.293-0.707,0.293
+ s-0.512-0.098-0.707-0.293L21,367.383l-2.121,2.121c-0.195,0.195-0.451,0.293-0.707,0.293s-0.511-0.098-0.707-0.293
+ c-0.39-0.391-0.39-1.023,0-1.414l2.121-2.121l-2.121-2.121c-0.39-0.391-0.39-1.023,0-1.414c0.391-0.391,1.024-0.391,1.414,0
+ L21,364.555l2.122-2.121c0.392-0.391,1.022-0.391,1.414,0c0.392,0.391,0.392,1.023,0,1.414l-2.122,2.121L24.536,368.09z"/>
+<rect x="13" y="357.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/expand_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/expand_black_16px.svg
new file mode 100644
index 0000000..d8c2919
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/expand_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1125.971 16 16" enable-background="new 13 1125.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M16.5,1127.97c-0.275,0-0.5,0.225-0.5,0.5v11c0,0.275,0.225,0.5,0.5,0.5s0.5-0.225,0.5-0.5v-11
+ C17,1128.195,16.775,1127.97,16.5,1127.97z"/>
+<path d="M24.609,1133.658L21,1130.171v-1.701c0-0.275-0.225-0.5-0.5-0.5s-0.5,0.225-0.5,0.5v2v7v2c0,0.275,0.225,0.5,0.5,0.5
+ s0.5-0.225,0.5-0.5v-1.699l3.609-3.489C24.824,1134.111,24.824,1133.83,24.609,1133.658z"/>
+<rect x="13" y="1125.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_black_16px.svg
new file mode 100644
index 0000000..ca6633b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2693.971 16 16" enable-background="new 13 2693.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M27,2702.97v4
+ c0,0.552-0.448,1-1,1H16c-0.552,0-1-0.448-1-1v-4"/>
+<path d="M26.767,2694.97c0.51,0,1.233,0.728,1.233,1.244v3.423c0,0.376-0.228,0.719-0.573,0.861
+ c-0.116,0.051-0.236,0.072-0.353,0.072c-0.243,0-0.479-0.094-0.654-0.273l-0.982-0.986l-4.691,4.659L19,2702.208l4.689-4.656
+ l-0.977-0.986c-0.268-0.269-0.343-0.67-0.201-1.019s0.479-0.575,0.856-0.576h3.706"/>
+<rect x="13" y="2693.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_white.svg
new file mode 100644
index 0000000..ac6a967
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/export_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_export_white</title><path class="cls-1" d="M13,15H3a2,2,0,0,1-2-2V9A1,1,0,0,1,3,9v4H13V9a1,1,0,0,1,2,0v4A2,2,0,0,1,13,15Z" transform="translate(-1 -1)"/><path class="cls-1" d="M13.77,1A1.55,1.55,0,0,1,15,2.24V5.67a.94.94,0,0,1-.57.86.88.88,0,0,1-.35.07.91.91,0,0,1-.65-.27l-1-1L7.75,10,6,8.24l4.69-4.66-1-1a.94.94,0,0,1-.2-1A.92.92,0,0,1,10.37,1h3.71" transform="translate(-1 -1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_black_16px.svg
new file mode 100644
index 0000000..b845c0e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_black_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="1093.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path fill="#000" d="M13.25,1C13.664,1,14,1.336,14,1.75v3c0,0.302-0.184,0.577-0.463,0.693
+ c-0.094,0.038-0.191,0.058-0.287,0.058c-0.195,0-0.387-0.077-0.531-0.221l-0.793-0.793l-3.689,3.69L6.822,6.762l3.69-3.688
+ L9.719,2.28C9.504,2.065,9.441,1.743,9.557,1.463C9.673,1.183,9.945,1.001,10.25,1H13.25"/>
+<g>
+ <path fill="none" stroke="#000" stroke-width="1.5" stroke-miterlimit="10" d="M7,2H4C2.9,2,2,2.9,2,4v8c0,1.1,0.9,2,2,2h7
+ c1.1,0,2-0.9,2-2V8"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_white_16px.svg
new file mode 100644
index 0000000..81d98ab
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/externalApp_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2 -1 16 16" enable-background="new -2 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M10.027,7L10,12c0,0.554-0.449,1-1,1H2c-0.552,0-1-0.446-1-1V3c0-0.551,0.448-1,1-1h3V1H2C0.9,1,0,1.9,0,3v9
+ c0,1.101,0.9,2,2,2h7c1.1,0,2-0.899,2-2V7H10.027z"/>
+<path fill="#FFFFFF" d="M11.25,0C11.664,0,12,0.337,12,0.75v3c0,0.303-0.184,0.577-0.463,0.693
+ c-0.094,0.038-0.191,0.058-0.287,0.058c-0.195,0-0.387-0.076-0.531-0.221L9.926,3.487L6.236,7.179L4.822,5.763l3.689-3.689
+ L7.719,1.28C7.504,1.065,7.441,0.743,7.557,0.464C7.672,0.184,7.945,0.001,8.25,0H11.25"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_black_16px.svg
new file mode 100644
index 0000000..9ff8159
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g id="eye_11_">
+ <g>
+ <path fill="#8E8E8D" d="M8,2C3.582,2,0,7.922,0,7.922S3.582,14,8,14s8-6.078,8-6.078S12.418,2,8,2z M8,12c-2.209,0-4-1.791-4-4
+ s1.791-4,4-4s4,1.791,4,4S10.209,12,8,12z"/>
+ <circle fill="#8E8E8D" cx="8" cy="8.008" r="2"/>
+ </g>
+ </g>
+
+ <line fill="none" stroke="#E32219" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="2" y1="2" x2="14" y2="14"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_white.svg
new file mode 100644
index 0000000..9014e1c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eyeLine_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#e32219;}</style></defs><title>ebIcon_eyeLine_white</title><g id="eye"><path class="cls-1" d="M8,2C3.58,2,0,7.92,0,7.92S3.58,14,8,14s8-6.08,8-6.08S12.42,2,8,2ZM8,12a4,4,0,1,1,4-4A4,4,0,0,1,8,12Z" transform="translate(0 -1)"/><circle class="cls-1" cx="8" cy="7.01" r="2"/></g><path class="cls-2" d="M14,15a1,1,0,0,1-.71-.29l-12-12A1,1,0,0,1,2.71,1.29l12,12A1,1,0,0,1,14,15Z" transform="translate(0 -1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_black_16px.svg
new file mode 100644
index 0000000..1426fc1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_black_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g id="eye_15_">
+ <g>
+ <path d="M8,2C3.582,2,0,7.922,0,7.922S3.582,14,8,14s8-6.078,8-6.078S12.418,2,8,2z M8,12c-2.209,0-4-1.791-4-4
+ s1.791-4,4-4s4,1.791,4,4S10.209,12,8,12z"/>
+ <circle cx="8" cy="8.008" r="2"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_white_16px.svg
new file mode 100644
index 0000000..416aede
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/eye_white_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g id="eye_15_">
+ <g>
+ <path fill="#FFFFFF" d="M8,2C3.582,2,0,7.922,0,7.922S3.582,14,8,14s8-6.078,8-6.078S12.418,2,8,2z M8,12c-2.209,0-4-1.791-4-4
+ s1.791-4,4-4s4,1.791,4,4S10.209,12,8,12z"/>
+ <circle fill="#FFFFFF" cx="8" cy="8.008" r="2"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastForward_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastForward_black_16px.svg
new file mode 100644
index 0000000..759eb55
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastForward_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2501.971 16 16" enable-background="new 13 2501.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M29,2509.981c0.003-0.558-0.302-1.041-0.753-1.302l0.003-0.005c0,0-5.942-4.468-6-4.501
+ c-0.718-0.414-1.635-0.168-2.049,0.549c-0.137,0.237-0.195,0.495-0.195,0.75H20v2.262c-1.746-1.312-4.709-3.538-4.75-3.562
+ c-0.718-0.414-1.635-0.168-2.049,0.549c-0.137,0.237-0.195,0.495-0.195,0.75H13v9c0,0.828,0.671,1.5,1.5,1.5
+ c0.27,0,0.748-0.207,0.748-0.207c0.034-0.02,3.004-2.245,4.752-3.556v2.263c0,0.828,0.671,1.5,1.5,1.5
+ c0.27,0,0.748-0.207,0.748-0.207c0.048-0.028,6.002-4.493,6.002-4.493l-0.003-0.005C28.693,2511.009,28.997,2510.533,29,2509.981z"
+ />
+<rect x="13" y="2501.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastRewind_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastRewind_black_16px.svg
new file mode 100644
index 0000000..584f5c3
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fastRewind_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2533.971 16 16" enable-background="new 13 2533.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28.994,2537.47c0-0.255-0.058-0.513-0.195-0.75c-0.414-0.717-1.331-0.963-2.049-0.549c-0.041,0.024-3.004,2.25-4.75,3.562
+ v-2.262h-0.006c0-0.255-0.058-0.513-0.195-0.75c-0.414-0.717-1.331-0.963-2.049-0.549c-0.058,0.034-6,4.501-6,4.501l0.003,0.005
+ c-0.451,0.261-0.756,0.744-0.753,1.302c0.003,0.552,0.307,1.028,0.753,1.285l-0.003,0.005c0,0,5.954,4.465,6.002,4.493
+ c0,0,0.478,0.207,0.748,0.207c0.829,0,1.5-0.672,1.5-1.5v-2.263c1.748,1.311,4.718,3.536,4.752,3.556c0,0,0.478,0.207,0.748,0.207
+ c0.829,0,1.5-0.672,1.5-1.5v-9H28.994z"/>
+<rect x="13" y="2533.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_black_16px.svg
new file mode 100644
index 0000000..a8b59ee
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 261.971 16 16" enable-background="new 13 261.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M14.383,264.739l-0.151-0.151C14.278,264.645,14.326,264.694,14.383,264.739z"/>
+<path d="M26,262.971H15c-0.552,0-1,0.448-1,1c0,0.237,0.094,0.446,0.232,0.617l0.151,0.151L18,268.356v5.115l0.006,0.002
+ c0,0.019-0.005,0.036-0.005,0.055c0,0.557,0.308,1.038,0.759,1.297l1.756,1.002c0.146,0.083,0.306,0.142,0.485,0.142
+ c0.552,0,1-0.447,1-0.999v-5.615l4.618-4.618l0.149-0.148c0.138-0.172,0.233-0.381,0.233-0.618
+ C27,263.419,26.552,262.971,26,262.971z"/>
+<rect x="13" y="261.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_white_16px.svg
new file mode 100644
index 0000000..f1fc71e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filter_white_16px.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M14,1.076C14,0.481,13.518,0,12.923,0H1.077C0.482,0,0,0.481,0,1.076l5,5.549v4.904
+ c0,0.598,0.328,1.273,0.923,1.51L8.077,13.9C8.672,14.139,9,13.848,9,13.256V6.625L14,1.076z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_off.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_off.svg
new file mode 100644
index 0000000..0bd2f13
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_off.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>filters_off</title><polygon class="cls-1" points="8 15 5 13 5 6 1 2 1 0 15 0 15 2 11 6 11 8 9 8 9 6 13 2 3 2 7 6 7 12 10 14 8 15"/><polygon class="cls-1" points="12 8 14 8 14 10 16 10 16 11.99 14 11.99 14 14 12 14 12 12 10 12 10 10 12 10 12 8"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_on.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_on.svg
new file mode 100644
index 0000000..4837b60
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/filters_on.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>filters_on</title><polygon class="cls-1" points="8 15 5 13 5 6 1 2 1 0 15 0 15 2 11 6 11 8 9 8 9 13.33 10 14 8 15"/><polygon class="cls-1" points="12 8 14 8 14 10 16 10 16 11.99 14 11.99 14 14 12 14 12 12 10 12 10 10 12 10 12 8"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_black.svg
new file mode 100644
index 0000000..52240b0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_black.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="2373.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M12,5h-1.186C10.398,3.841,9.297,3,8,3H7H5H4H3C1.9,3,1,3.9,1,5v7c0,1.101,0.9,2,2,2h9c1.1,0,2-0.899,2-2V7
+ C14,5.9,13.1,5,12,5z M13,13H2V7h11V13z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_white.svg
new file mode 100644
index 0000000..e30d500
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folderClosed_white.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 -2.5 16 16" enable-background="new -1.5 -2.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12.889,9.999L12.889,9.999C12.871,10.062,12.889,9.999,12.889,9.999"/>
+<path fill="#FFFFFF" d="M10.954,1.377C10.954,1.377,11.04,1.577,10.954,1.377C10.625,0.622,9.668,0,7.959,0H3.084
+ C1.043,0,0,1.084,0,3v7c0,0.554,0.448,1,1,1h10.766c0.789,0,1.115-0.479,1.115-1.625S12.889,10,12.889,4.153
+ C12.971,3.314,12.954,1.377,10.954,1.377 M11.812,3.855v4.979c-0.019,0.916-0.415,1.192-1.175,1.192H1.795
+ c-0.485,0-0.821-0.384-0.7-0.855V3.855C1.146,3.291,1.209,3,2.2,3h8.488C11.396,2.979,11.771,3.063,11.812,3.855"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_black_16px.svg
new file mode 100644
index 0000000..a37080e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 965.971 16 16" enable-background="new 13 965.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M26.5,977.971L26.5,977.971C26.482,978.033,26.5,977.971,26.5,977.971z"/>
+<path d="M25.917,969.971c-0.12,0-0.509,0-0.834,0c0-1-0.958-2-3.125-2c-0.607,0-3.417,0-4.875,0c-2.041,0-3.083,1.084-3.083,3
+ c0,0.672,0,6.591,0,7c0,0.553,0.447,0.999,1,0.999c0.449,0,9.586,0,10.377,0c0.789,0,1.121-0.994,1.123-0.998
+ c0.044-0.155,0.055-0.194,1.492-5.224C28.24,971.971,27.917,969.971,25.917,969.971z M26.811,972.35l-1.457,4.792
+ c-0.121,0.472-0.619,0.857-1.105,0.857h-7.61c-0.486,0-0.784-0.385-0.663-0.857l0.962-4.792c0.121-0.471,0.619-0.855,1.105-0.855
+ h8.105C26.634,971.495,26.932,971.88,26.811,972.35z"/>
+<rect x="13" y="965.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_white_16px.svg
new file mode 100644
index 0000000..e1a4fe0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/folder_white_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -2.5 16 16" enable-background="new -1 -2.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12.5,9.999L12.5,9.999C12.482,10.062,12.5,9.999,12.5,9.999"/>
+<path fill="#FFFFFF" d="M11.916,2h-0.834c0-1-0.957-2-3.125-2H3.082C1.041,0,0,1.083,0,3v7c0,0.552,0.447,1,1,1h10.377
+ c0.789,0,1.121-0.996,1.123-0.999c0.043-0.156,0.055-0.195,1.492-5.224C14.24,4,13.916,2,11.916,2 M12.811,4.379l-1.457,4.792
+ c-0.121,0.471-0.619,0.856-1.105,0.856h-7.61c-0.486,0-0.784-0.386-0.663-0.856l0.962-4.792c0.121-0.471,0.619-0.856,1.104-0.856
+ h8.107C12.635,3.522,12.932,3.908,12.811,4.379"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServerFunction_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServerFunction_black_16px.svg
new file mode 100644
index 0000000..06bef0c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServerFunction_black_16px.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 549.97 16 16" enable-background="new 8 549.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M22.827,562.714c0.021-0.081,0.094-0.136,0.176-0.136H24v-1.214h-0.997c-0.082,0-0.155-0.055-0.176-0.135
+ c-0.067-0.258-0.169-0.506-0.303-0.734c-0.041-0.069-0.03-0.159,0.027-0.218l0.705-0.707l-0.857-0.855l-0.705,0.704
+ c-0.059,0.059-0.149,0.068-0.219,0.027c-0.229-0.133-0.477-0.234-0.733-0.302c-0.08-0.02-0.136-0.094-0.136-0.175v-0.998h-1.213
+ v0.998c0,0.082-0.055,0.156-0.136,0.175c-0.258,0.067-0.503,0.169-0.734,0.302c-0.07,0.041-0.16,0.031-0.218-0.027l-0.705-0.704
+ l-0.857,0.855l0.705,0.707c0.059,0.059,0.071,0.149,0.028,0.218c-0.134,0.229-0.234,0.476-0.304,0.734
+ c-0.021,0.08-0.093,0.135-0.177,0.135H16v1.214h0.996c0.084,0,0.155,0.055,0.177,0.136c0.069,0.257,0.17,0.503,0.304,0.734
+ c0.043,0.069,0.03,0.159-0.028,0.219l-0.705,0.704l0.857,0.858l0.705-0.705c0.058-0.059,0.147-0.069,0.218-0.028
+ c0.231,0.134,0.477,0.235,0.734,0.303c0.081,0.021,0.136,0.094,0.136,0.176v0.997h1.213v-0.997c0-0.082,0.056-0.155,0.136-0.176
+ c0.257-0.067,0.504-0.169,0.733-0.303c0.069-0.041,0.16-0.03,0.219,0.028l0.705,0.705l0.857-0.858l-0.705-0.704
+ c-0.058-0.06-0.068-0.149-0.027-0.219C22.658,563.216,22.76,562.97,22.827,562.714z M19.999,563.721
+ c-0.964,0-1.748-0.784-1.748-1.75c0-0.967,0.783-1.75,1.748-1.75c0.968,0,1.752,0.784,1.752,1.75
+ C21.75,562.937,20.967,563.721,19.999,563.721z"/>
+<path d="M21,551.97c0-0.552-0.447-1-1-1h-8c-0.553,0-1,0.448-1,1v1h10V551.97z"/>
+<path d="M21,553.97H11v3h9h1V553.97z M19,556.47c-0.553,0-1-0.447-1-1c0-0.553,0.447-1,1-1s1,0.447,1,1
+ C20,556.023,19.553,556.47,19,556.47z"/>
+<path d="M17.027,557.97H11v3h4.101C15.35,559.743,16.059,558.692,17.027,557.97z"/>
+<path d="M11,561.97v1c0,0.553,0.447,1,1,1h3.422c-0.268-0.613-0.422-1.288-0.422-2H11z"/>
+<rect x="8" y="549.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServer_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServer_black_16px.svg
new file mode 100644
index 0000000..a26863c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/ftpServer_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 517.97 16 16" enable-background="new 8 517.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11,529.97h10v1c0,0.553-0.447,1-1,1h-8c-0.553,0-1-0.447-1-1 M11,519.97
+ c0-0.552,0.447-1,1-1h8c0.553,0,1,0.448,1,1v1H11V519.97z M11,525.97h10v3H11V525.97z M11,521.97h10v3H11V521.97z M20,523.47
+ c0,0.553-0.447,1-1,1s-1-0.447-1-1c0-0.553,0.447-1,1-1S20,522.918,20,523.47z M20,527.469c0,0.554-0.447,1.001-1,1.001
+ s-1-0.447-1-1.001c0-0.554,0.447-0.999,1-0.999S20,526.916,20,527.469z"/>
+<rect x="8" y="517.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreenMinimise_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreenMinimise_black_16px.svg
new file mode 100644
index 0000000..28875b5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreenMinimise_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1477.971 16 16" enable-background="new 13 1477.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M14,1486.97h4c0.552,0,1,0.448,1,1v3c0,0.552-0.448,1-1,1s-1-0.448-1-1v-2h-3c-0.552,0-1-0.448-1-1
+ S13.448,1486.97,14,1486.97z"/>
+<path d="M24,1484.97h4c0.552,0,1-0.448,1-1s-0.448-1-1-1h-3v-2c0-0.552-0.448-1-1-1s-1,0.448-1,1v3
+ C23,1484.522,23.448,1484.97,24,1484.97z"/>
+<path d="M28,1486.97h-4c-0.552,0-1,0.448-1,1v3c0,0.552,0.448,1,1,1s1-0.448,1-1v-2h3c0.552,0,1-0.448,1-1
+ S28.552,1486.97,28,1486.97z"/>
+<path d="M18,1484.97h-4c-0.552,0-1-0.448-1-1s0.448-1,1-1h3v-2c0-0.552,0.448-1,1-1s1,0.448,1,1v3
+ C19,1484.522,18.552,1484.97,18,1484.97z"/>
+<rect x="13" y="1477.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreen_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreen_black_16px.svg
new file mode 100644
index 0000000..22dec3d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/fullscreen_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1445.971 16 16" enable-background="new 13 1445.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M18,1459.97h-4c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1s1,0.448,1,1v2h3c0.552,0,1,0.448,1,1
+ S18.552,1459.97,18,1459.97z"/>
+<path d="M28,1447.97h-4c-0.552,0-1,0.448-1,1s0.448,1,1,1h3v2c0,0.552,0.448,1,1,1s1-0.448,1-1v-3
+ C29,1448.418,28.552,1447.97,28,1447.97z"/>
+<path d="M24,1459.97h4c0.552,0,1-0.448,1-1v-3c0-0.552-0.448-1-1-1s-1,0.448-1,1v2h-3c-0.552,0-1,0.448-1,1
+ S23.448,1459.97,24,1459.97z"/>
+<path d="M14,1447.97h4c0.552,0,1,0.448,1,1s-0.448,1-1,1h-3v2c0,0.552-0.448,1-1,1s-1-0.448-1-1v-3
+ C13,1448.418,13.448,1447.97,14,1447.97z"/>
+<rect x="13" y="1445.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gatewayFunction_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gatewayFunction_black_16px.svg
new file mode 100644
index 0000000..1b93f4a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gatewayFunction_black_16px.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 325.97 16 16" enable-background="new 8 325.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M13.28,328.25c0.215-0.214,0.278-0.537,0.163-0.817c-0.116-0.281-0.39-0.463-0.693-0.463h-3c-0.414,0-0.75,0.336-0.75,0.75
+ v3c0,0.303,0.183,0.577,0.463,0.693c0.093,0.039,0.19,0.057,0.287,0.057c0.195,0,0.387-0.076,0.53-0.22l0.97-0.97l2.806,2.806
+ l1.061-1.061l-2.806-2.806L13.28,328.25z"/>
+<path d="M22.25,326.97h-3c-0.304,0-0.577,0.182-0.693,0.463c-0.115,0.28-0.052,0.603,0.163,0.817l0.97,0.97l-2.806,2.806
+ l1.061,1.061l2.806-2.806l0.969,0.97c0.144,0.144,0.335,0.22,0.531,0.22c0.097,0,0.194-0.019,0.287-0.057
+ c0.28-0.116,0.463-0.39,0.463-0.693v-3C23,327.306,22.664,326.97,22.25,326.97z"/>
+<path d="M14.056,334.854l-2.806,2.806l-0.97-0.97c-0.215-0.214-0.537-0.278-0.817-0.163C9.183,336.643,9,336.917,9,337.22v3
+ c0,0.414,0.336,0.75,0.75,0.75h3c0.303,0,0.577-0.183,0.693-0.463c0.115-0.28,0.052-0.603-0.163-0.817l-0.97-0.97l2.806-2.806
+ L14.056,334.854z"/>
+<path d="M22.827,338.713c0.021-0.081,0.094-0.136,0.176-0.136H24v-1.214h-0.997c-0.082,0-0.155-0.055-0.176-0.135
+ c-0.068-0.258-0.169-0.506-0.303-0.734c-0.041-0.069-0.03-0.159,0.027-0.218l0.705-0.707l-0.857-0.855l-0.705,0.704
+ c-0.059,0.059-0.149,0.068-0.219,0.027c-0.229-0.133-0.477-0.234-0.733-0.302c-0.08-0.02-0.136-0.094-0.136-0.175v-0.998h-1.213
+ v0.998c0,0.082-0.055,0.156-0.136,0.175c-0.258,0.067-0.503,0.169-0.734,0.302c-0.07,0.041-0.16,0.031-0.218-0.027l-0.705-0.704
+ l-0.857,0.855l0.705,0.707c0.059,0.059,0.071,0.149,0.028,0.218c-0.134,0.229-0.234,0.477-0.304,0.734
+ c-0.021,0.08-0.093,0.135-0.177,0.135H16v1.214h0.996c0.084,0,0.155,0.055,0.177,0.136c0.069,0.257,0.17,0.503,0.304,0.733
+ c0.043,0.069,0.03,0.159-0.028,0.219l-0.705,0.704l0.857,0.858l0.705-0.705c0.058-0.059,0.147-0.069,0.218-0.028
+ c0.231,0.134,0.477,0.235,0.734,0.303c0.081,0.021,0.136,0.094,0.136,0.176v0.997h1.213v-0.997c0-0.082,0.056-0.155,0.136-0.176
+ c0.257-0.067,0.504-0.169,0.733-0.303c0.069-0.041,0.16-0.03,0.219,0.028l0.705,0.705l0.857-0.858l-0.705-0.704
+ c-0.058-0.06-0.068-0.149-0.027-0.219C22.658,339.216,22.76,338.97,22.827,338.713z M19.999,339.721
+ c-0.964,0-1.748-0.784-1.748-1.75c0-0.967,0.784-1.75,1.748-1.75c0.968,0,1.752,0.784,1.752,1.75
+ C21.75,338.937,20.967,339.721,19.999,339.721z"/>
+<rect x="8" y="325.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_black_16px.svg
new file mode 100644
index 0000000..6e9ce6d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_black_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <circle cx="5.5" cy="3.5" r="1.5"/>
+ <circle cx="5.5" cy="8.5" r="1.5"/>
+ <circle cx="5.5" cy="13.5" r="1.5"/>
+ <circle cx="10.5" cy="3.5" r="1.5"/>
+ <circle cx="10.5" cy="8.5" r="1.5"/>
+ <circle cx="10.5" cy="13.5" r="1.5"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_white.svg
new file mode 100644
index 0000000..94922fc
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grabHandle_white.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <circle fill="#fff" cx="5.5" cy="3.5" r="1.5"/>
+ <circle fill="#fff" cx="5.5" cy="8.5" r="1.5"/>
+ <circle fill="#fff" cx="5.5" cy="13.5" r="1.5"/>
+ <circle fill="#fff" cx="10.5" cy="3.5" r="1.5"/>
+ <circle fill="#fff" cx="10.5" cy="8.5" r="1.5"/>
+ <circle fill="#fff" cx="10.5" cy="13.5" r="1.5"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3X3_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3X3_black_16px.svg
new file mode 100644
index 0000000..20c7039
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3X3_black_16px.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2245.971 16 16" enable-background="new 13 2245.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<g>
+ <path d="M18,2249.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2249.97z"/>
+</g>
+<g>
+ <path d="M23,2249.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2249.97z"/>
+</g>
+<g>
+ <path d="M28,2249.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2249.97z"/>
+</g>
+<g>
+ <path d="M18,2254.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2254.97z"/>
+</g>
+<g>
+ <path d="M23,2254.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2254.97z"/>
+</g>
+<g>
+ <path d="M28,2254.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2254.97z"/>
+</g>
+<g>
+ <path d="M18,2259.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2259.97z"/>
+</g>
+<g>
+ <path d="M23,2259.97c0,0.55-0.45,1-1,1h-2c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1V2259.97z"/>
+</g>
+<rect x="13" y="2245.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3x3_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3x3_white.svg
new file mode 100644
index 0000000..6bb56b4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid3x3_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_grid3x3_white</title><rect class="cls-1" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" x="5" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" x="10" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" y="5" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" x="5" y="5" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" x="10" y="5" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" y="10" width="4" height="4" rx="1" ry="1"/><rect class="cls-1" x="5" y="10" width="4" height="4" rx="1" ry="1"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4X4_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4X4_black_16px.svg
new file mode 100644
index 0000000..3da4d21
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4X4_black_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2213.971 16 16" enable-background="new 13 2213.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<g>
+ <path d="M20,2218.97c0,1.1-0.9,2-2,2h-2c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h2c1.1,0,2,0.9,2,2V2218.97z"/>
+</g>
+<g>
+ <path d="M28,2218.97c0,1.1-0.9,2-2,2h-2c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h2c1.1,0,2,0.9,2,2V2218.97z"/>
+</g>
+<g>
+ <path d="M20,2225.97c0,1.1-0.9,2-2,2h-2c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h2c1.1,0,2,0.9,2,2V2225.97z"/>
+</g>
+<g>
+ <path d="M28,2225.97c0,1.1-0.9,2-2,2h-2c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h2c1.1,0,2,0.9,2,2V2225.97z"/>
+</g>
+<rect x="13" y="2213.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4x4_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4x4_white.svg
new file mode 100644
index 0000000..1e42229
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/grid4x4_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_grid4x4_white</title><rect class="cls-1" width="7" height="7" rx="2" ry="2"/><rect class="cls-1" x="8" width="7" height="7" rx="2" ry="2"/><rect class="cls-1" y="8" width="7" height="7" rx="2" ry="2"/><rect class="cls-1" x="8" y="8" width="7" height="7" rx="2" ry="2"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_black_16px.svg
new file mode 100644
index 0000000..bd8ff97
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_black_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2917.971 16 16" enable-background="new 13 2917.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<g>
+ <path d="M21,2927.97c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h6c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H21z"/>
+</g>
+<g>
+ <path d="M21,2932.97c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h6c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H21z"/>
+</g>
+<g>
+ <path d="M15,2932.97c-0.55,0-1-0.45-1-1v-7c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v7c0,0.55-0.45,1-1,1H15z"/>
+</g>
+<g>
+ <path d="M14,2919.97c0-0.55,0.45-1,1-1h12c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H15c-0.55,0-1-0.45-1-1V2919.97z"/>
+</g>
+<rect x="13" y="2917.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_white.svg
new file mode 100644
index 0000000..0d5762a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/gridView_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_gridView_white</title><path class="cls-1" d="M8,10A1,1,0,0,1,7,9V7A1,1,0,0,1,8,6h6a1,1,0,0,1,1,1V9a1,1,0,0,1-1,1Z" transform="translate(-1 -1)"/><path class="cls-1" d="M8,15a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v2a1,1,0,0,1-1,1Z" transform="translate(-1 -1)"/><path class="cls-1" d="M2,15a1,1,0,0,1-1-1V7A1,1,0,0,1,2,6H4A1,1,0,0,1,5,7v7a1,1,0,0,1-1,1Z" transform="translate(-1 -1)"/><path class="cls-1" d="M1,2A1,1,0,0,1,2,1H14a1,1,0,0,1,1,1V4a1,1,0,0,1-1,1H2A1,1,0,0,1,1,4Z" transform="translate(-1 -1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_black_16px.svg
new file mode 100644
index 0000000..1be2efa
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 837.971 16 16" enable-background="new 13 837.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="18" y="839.971" fill="#FFFFFF" width="6" height="12"/>
+<path d="M21,837.971c-4.417,0-8,3.582-8,8c0,4.419,3.583,8,8,8c4.419,0,8-3.581,8-8C29,841.554,25.419,837.971,21,837.971z
+ M20.98,851.776c-0.884,0-1.598-0.715-1.598-1.598s0.714-1.598,1.598-1.598s1.598,0.715,1.598,1.598S21.864,851.776,20.98,851.776z
+ M22.685,845.67c-0.476,0.492-0.704,0.753-0.704,1.305c0,0.553-0.447,1-1,1s-1-0.447-1-1c0-1.385,0.732-2.142,1.267-2.695
+ c0.483-0.5,0.716-0.766,0.716-1.34c0-0.931,0-0.968-0.982-0.968c-0.98,0-0.98,0.019-0.98,0.995c0,0.552-0.447,1-1,1s-1-0.448-1-1
+ c0-0.972,0-2.995,2.98-2.995c2.982,0,2.982,2.08,2.982,2.968C23.963,844.347,23.225,845.112,22.685,845.67z"/>
+<rect x="13" y="837.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_white.svg
new file mode 100644
index 0000000..acc4850
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/help_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_help_white</title><path class="cls-1" d="M8,.5A7.5,7.5,0,1,0,15.5,8,7.5,7.5,0,0,0,8,.5M8,13.3A1.3,1.3,0,1,1,9.3,12,1.3,1.3,0,0,1,8,13.3M9.43,7.57C9,8,8.84,8.2,8.84,8.66a.84.84,0,0,1-1.68,0A3,3,0,0,1,8.22,6.4c.4-.42.6-.64.6-1.12,0-.78,0-.81-.82-.81s-.82,0-.82.83a.84.84,0,0,1-1.68,0c0-.81,0-2.51,2.5-2.51s2.5,1.74,2.5,2.49A3.07,3.07,0,0,1,9.43,7.57" transform="translate(-0.5 -0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_black.svg
new file mode 100644
index 0000000..7e93716
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_black.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2725.971 16 16" enable-background="new 13 2725.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M27,2734.97v4
+ c0,0.552-0.448,1-1,1H16c-0.552,0-1-0.448-1-1v-4"/>
+<path d="M20.233,2735.97c-0.51,0-1.233-0.728-1.233-1.244v-3.423c0-0.376,0.228-0.719,0.573-0.861
+ c0.116-0.051,0.236-0.072,0.353-0.072c0.243,0,0.479,0.094,0.654,0.273l0.982,0.986l4.691-4.659l1.746,1.763l-4.689,4.656
+ l0.977,0.986c0.268,0.269,0.343,0.67,0.201,1.019s-0.479,0.575-0.856,0.576h-3.706"/>
+<rect x="13" y="2725.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_export.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_export.svg
new file mode 100644
index 0000000..0a7b642
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_export.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>import_export</title><path class="cls-1" d="M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0ZM3,5,6,1,9,5H7V9H5V5Zm7,10L7,11H9V7h2v4h2Z"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_white.svg
new file mode 100644
index 0000000..68d77f1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/import_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_import</title><path class="cls-1" d="M13,15H3a2,2,0,0,1-2-2V9A1,1,0,0,1,3,9v4H13V9a1,1,0,0,1,2,0v4A2,2,0,0,1,13,15Z" transform="translate(-1 -1)"/><path class="cls-1" d="M7.23,10A1.54,1.54,0,0,1,6,8.76V5.33a.94.94,0,0,1,.57-.86.87.87,0,0,1,.35-.07.91.91,0,0,1,.65.27l1,1L13.25,1,15,2.76,10.31,7.42l1,1a.94.94,0,0,1,.2,1,.92.92,0,0,1-.86.58H6.93" transform="translate(-1 -1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/infoMsgIndicator_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/infoMsgIndicator_16px.svg
new file mode 100644
index 0000000..78479c0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/infoMsgIndicator_16px.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M22.923-8.587c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.313,0c3.125-3.123,3.125-8.189,0-11.313
+ C31.114-11.711,26.047-11.711,22.923-8.587 M32.581-3.931c0.553,0,1,0.447,1,1c0,0.276-0.11,0.526-0.293,0.707
+ c-0.183,0.181-0.433,0.292-0.707,0.292l-3.002,0.001V1.07c0.002,0.275-0.108,0.525-0.291,0.705
+ c-0.183,0.182-0.433,0.293-0.708,0.293c-0.553,0-0.999-0.447-1-1v-2.999h-2.999c-0.554-0.001-1-0.448-1-1c0-0.552,0.446-1,1-1h2.999
+ v-3c0-0.553,0.447-1,1-1c0.554,0,1.001,0.447,1.001,1L29.579-3.93L32.581-3.931z"/>
+<path fill="#B1B3B4" d="M35.438,17.073H21.725c-0.633,0-1.144,0.516-1.144,0.878v7.625c0,0.029,0.022,0.057,0.028,0.084
+ c0.304,4.143,3.75,7.413,7.972,7.413c4.221,0,7.668-3.271,7.971-7.413c0.007-0.029,0.029-0.055,0.029-0.086v-7.646
+ C36.581,17.564,36.066,17.073,35.438,17.073z"/>
+<g>
+ <g>
+ <ellipse fill="#B1B3B4" cx="40.287" cy="5.099" rx="3.705" ry="3.87"/>
+ </g>
+ <rect x="46.186" y="-2.93" fill="#B1B3B4" width="5.844" height="6.104"/>
+ <path fill="#B1B3B4" d="M52.029,3.682h-5.846c-0.269,0-0.484-0.227-0.484-0.51V-2.93c0-0.281,0.217-0.508,0.484-0.508h5.846
+ c0.271,0,0.488,0.227,0.488,0.508v6.104C52.518,3.455,52.3,3.682,52.029,3.682z M46.673,2.664h4.87v-5.085h-4.87V2.664z"/>
+ <path fill="#B1B3B4" d="M52.089,5.375h-5.899c-0.271,0-0.489,0.231-0.489,0.393v3.425c0,0.014,0.009,0.025,0.012,0.039
+ c0.131,1.861,1.613,3.33,3.431,3.33c1.813,0,3.297-1.469,3.428-3.33c0.002-0.016,0.013-0.025,0.013-0.039V5.758
+ C52.581,5.594,52.359,5.375,52.089,5.375z"/>
+</g>
+<g>
+ <g>
+ <path d="M37.771-18.239c0,0.825-0.676,1.5-1.5,1.5h-13c-0.826,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.674-1.5,1.5-1.5h13
+ c0.824,0,1.5,0.675,1.5,1.5V-18.239z"/>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" stroke-dasharray="2.5714,2.5714" cx="29.771" cy="-24.739" r="6.67"/>
+ </g>
+ <circle fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" cx="29.771" cy="-24.739" r="2.325"/>
+</g>
+<g>
+ <g>
+ <path d="M68.582-18.894c0,0.825-0.676,1.5-1.5,1.5h-13c-0.826,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.674-1.5,1.5-1.5h13
+ c0.824,0,1.5,0.675,1.5,1.5V-18.894z"/>
+ </g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M57.553-21.375c-0.182,0.184-0.479,0.184-0.662,0l-0.33-0.33c-0.184-0.183-0.184-0.48,0-0.663
+ l7.049-7.046c0.185-0.183,0.482-0.183,0.662-0.002l0.332,0.332c0.183,0.183,0.183,0.479,0,0.662L57.553-21.375z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M64.604-22.366c0.185,0.182,0.185,0.48,0,0.663l-0.332,0.33c-0.184,0.182-0.479,0.182-0.662,0
+ l-7.049-7.049c-0.184-0.183-0.184-0.481,0-0.662l0.332-0.332c0.183-0.181,0.479-0.181,0.66,0L64.604-22.366z"/>
+ </g>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" cx="60.582" cy="-25.394" r="7.16"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M68.582,27.463c-3.805,0-6.9-3.096-6.9-6.9c0-3.804,3.096-6.899,6.9-6.899s6.9,3.096,6.9,6.899
+ C75.482,24.367,72.387,27.463,68.582,27.463z"/>
+ <path d="M68.582,14.764c3.197,0,5.8,2.602,5.8,5.799c0,3.198-2.603,5.801-5.8,5.801c-3.198,0-5.8-2.603-5.8-5.801
+ C62.782,17.365,65.384,14.764,68.582,14.764 M68.582,12.563c-4.418,0-8,3.582-8,8c0,4.42,3.582,8,8,8c4.419,0,8-3.58,8-8
+ C76.582,16.145,73.001,12.563,68.582,12.563L68.582,12.563z"/>
+ </g>
+ <g>
+
+ <line fill="none" stroke="#000000" stroke-width="2.2" stroke-linecap="round" stroke-miterlimit="10" x1="72.02" y1="20.563" x2="65.146" y2="20.563"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path d="M-2.615-17.571c0,0.275-0.225,0.5-0.5,0.5H-7.5c-0.275,0-0.5-0.225-0.5-0.5v-14.243c0-0.275,0.225-0.5,0.5-0.5h4.385
+ c0.275,0,0.5,0.225,0.5,0.5V-17.571z"/>
+ </g>
+ <path d="M1.615-32.739"/>
+ <g>
+ <path d="M0.09-31.896c0-0.413,0.238-0.511,0.529-0.218l6.852,6.89c0.291,0.292,0.291,0.771,0,1.063l-6.852,6.89
+ c-0.291,0.293-0.529,0.194-0.529-0.218V-31.896z"/>
+ </g>
+</g>
+<g>
+ <circle fill="#31BADD" cx="8" cy="8" r="8"/>
+ <path fill="#FFFFFF" d="M8.977,4.199c-0.27,0.25-0.595,0.375-0.975,0.375c-0.377,0-0.703-0.125-0.976-0.375
+ c-0.271-0.25-0.405-0.554-0.405-0.908c0-0.354,0.137-0.66,0.405-0.912C7.298,2.127,7.625,2,8.002,2
+ c0.379,0,0.703,0.127,0.975,0.379c0.27,0.252,0.402,0.559,0.402,0.912C9.379,3.646,9.244,3.949,8.977,4.199z"/>
+ <path fill="#FFFFFF" d="M9.162,6.145C9.068,6.061,8.938,6.014,8.82,5.954C8.555,5.827,8.258,5.738,7.873,5.738
+ c-0.309,0-0.635,0.057-0.981,0.166C6.837,5.924,6.774,5.95,6.72,5.967C6.656,6.109,6.617,6.268,6.617,6.434
+ c0,0.109,0.034,0.213,0.063,0.313c0.205,0.018,0.367,0.057,0.453,0.139C7.237,6.987,7.295,7.17,7.295,7.432
+ c0,0.015-0.006,0.031-0.006,0.046C7.286,7.612,7.273,7.754,7.241,7.914C7.206,8.088,7.163,8.274,7.11,8.473l-0.58,2.048
+ c-0.051,0.215-0.088,0.407-0.11,0.577c-0.022,0.173-0.035,0.339-0.035,0.503c0,0.422,0.155,0.769,0.467,1.04
+ c0.182,0.16,0.416,0.259,0.682,0.326c0.189,0.047,0.393,0.086,0.626,0.086c0.224,0,0.426-0.024,0.615-0.061
+ c0.32-0.201,0.547-0.543,0.553-0.947c-0.189-0.02-0.346-0.057-0.438-0.129c-0.121-0.1-0.18-0.283-0.18-0.555
+ c0-0.078,0.012-0.189,0.029-0.318c0.008-0.053,0.014-0.1,0.023-0.158c0.035-0.211,0.078-0.397,0.125-0.563l0.58-2.042
+ c0.057-0.188,0.096-0.394,0.117-0.616c0.02-0.226,0.029-0.382,0.029-0.472C9.619,6.764,9.463,6.412,9.162,6.145z"/>
+</g>
+<g>
+ <g>
+ <path d="M-14.438,37.936c-0.068,0.068-0.15,0.123-0.242,0.162c-0.281,0.115-0.603,0.052-0.818-0.162l-2.121-2.12
+ c-0.293-0.293-0.293-0.769,0-1.062l2.121-2.121c0.215-0.216,0.537-0.279,0.818-0.164c0.279,0.117,0.463,0.391,0.463,0.693v4.242
+ C-14.217,37.608-14.299,37.797-14.438,37.936z M-16.027,35.283l0.311,0.311v-0.621L-16.027,35.283z"/>
+ </g>
+ <g>
+ <path d="M-16.735,34.533c-0.138,0-0.25,0.111-0.25,0.25v1c0,0.139,0.112,0.25,0.25,0.25h7.647c0.138,0,0.25-0.111,0.25-0.25v-1
+ c0-0.139-0.112-0.25-0.25-0.25H-16.735z"/>
+ </g>
+ <g>
+ <path d="M-8.058,42.814l-2.121,2.121c-0.215,0.215-0.537,0.277-0.816,0.162c-0.281-0.117-0.463-0.39-0.463-0.693l-0.002-4.242
+ c0.002-0.303,0.184-0.576,0.463-0.693c0.281-0.115,0.604-0.051,0.818,0.162l2.121,2.123C-7.765,42.045-7.765,42.521-8.058,42.814z
+ "/>
+ </g>
+ <g>
+ <path d="M-16.838,42.783c0,0.139,0.112,0.25,0.25,0.25h7.647c0.138,0,0.25-0.111,0.25-0.25v-1c0-0.139-0.112-0.25-0.25-0.25
+ h-7.647c-0.138,0-0.25,0.111-0.25,0.25V42.783z"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M-34.664,37.307c-0.068,0.067-0.15,0.123-0.242,0.161c-0.281,0.115-0.604,0.052-0.818-0.161l-2.121-2.121
+ c-0.293-0.293-0.293-0.77,0-1.062l2.121-2.122c0.215-0.215,0.537-0.279,0.818-0.163c0.279,0.117,0.463,0.39,0.463,0.693v4.241
+ C-34.443,36.979-34.525,37.167-34.664,37.307z M-36.254,34.652l0.311,0.312v-0.621L-36.254,34.652z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M-36.961,33.902c-0.138,0-0.25,0.113-0.25,0.25v1c0,0.139,0.112,0.25,0.25,0.25h7.646
+ c0.138,0,0.25-0.111,0.25-0.25v-1c0-0.137-0.112-0.25-0.25-0.25H-36.961z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M-28.285,42.184l-2.121,2.121c-0.215,0.215-0.537,0.278-0.816,0.163c-0.281-0.116-0.463-0.39-0.463-0.692
+ l-0.002-4.242c0.002-0.305,0.184-0.577,0.463-0.693c0.281-0.115,0.604-0.052,0.818,0.162l2.121,2.122
+ C-27.992,41.415-27.992,41.891-28.285,42.184z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M-37.064,42.152c0,0.139,0.112,0.25,0.25,0.25h7.646c0.138,0,0.25-0.111,0.25-0.25v-1
+ c0-0.137-0.112-0.25-0.25-0.25h-7.646c-0.138,0-0.25,0.113-0.25,0.25V42.152z"/>
+ </g>
+</g>
+<g>
+ <path d="M-20.475-1.225c0,3.18-2.322,5.758-5.185,5.758c-2.742,0-4.986-2.362-5.174-5.353c-0.008-0.134-0.013-0.269-0.013-0.405
+ c0-3.18,2.321-5.758,5.187-5.758C-22.797-6.983-20.475-4.405-20.475-1.225z"/>
+ <polygon points="-19.254,6.813 -32.066,6.813 -30.847,-1.854 -20.475,-1.854 "/>
+ <ellipse cx="-25.661" cy="-6.569" rx="1.403" ry="1.311"/>
+ <ellipse cx="-25.661" cy="6.813" rx="2.546" ry="1.309"/>
+</g>
+<g>
+ <path d="M1.019-8.453c0,3.18-2.321,5.758-5.186,5.758c-2.741,0-4.985-2.362-5.173-5.353c-0.008-0.134-0.013-0.269-0.013-0.405
+ c0-3.18,2.321-5.758,5.186-5.758S1.019-11.633,1.019-8.453z"/>
+ <polygon points="2.239,-0.414 -10.573,-0.414 -9.353,-9.082 1.019,-9.082 "/>
+ <ellipse cx="-4.167" cy="-13.797" rx="1.403" ry="1.311"/>
+ <ellipse cx="-4.167" cy="-0.414" rx="2.546" ry="1.309"/>
+ <path fill="#FFFFFF" d="M-4.612-2.695c-0.213,0-0.419-0.085-0.57-0.236l-2.42-2.41c-0.315-0.314-0.315-0.823,0-1.137
+ s0.825-0.313,1.141,0l1.796,1.789l3.468-4.146c0.285-0.341,0.794-0.387,1.137-0.102c0.342,0.283,0.388,0.79,0.103,1.131
+ L-3.99-2.984c-0.146,0.173-0.356,0.278-0.583,0.288C-4.588-2.695-4.6-2.695-4.612-2.695z"/>
+</g>
+<g>
+ <g>
+ <path d="M-50.159-34.741c0,3.181-2.321,5.759-5.187,5.759c-2.741,0-4.985-2.362-5.173-5.354c-0.008-0.134-0.013-0.27-0.013-0.405
+ c0-3.18,2.32-5.758,5.186-5.758S-50.159-37.92-50.159-34.741z"/>
+ <polygon points="-48.938,-26.702 -61.75,-26.702 -60.53,-35.37 -50.159,-35.37 "/>
+ <ellipse cx="-55.344" cy="-40.085" rx="1.403" ry="1.311"/>
+ <ellipse cx="-55.344" cy="-26.701" rx="2.547" ry="1.309"/>
+ </g>
+
+ <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="24" x1="-58.942" y1="-34.858" x2="-57.468" y2="-29.716"/>
+
+ <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="24" x1="-55.344" y1="-35.673" x2="-55.344" y2="-29.924"/>
+
+ <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="24" x1="-51.7" y1="-34.858" x2="-53.172" y2="-29.716"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_black.svg
new file mode 100644
index 0000000..dd55f2f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_black.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 869.971 16 16" enable-background="new 13 869.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<circle cx="21" cy="877.97" r="8"/>
+<path fill="#FFFFFF" d="M22.598,874.169c-0.271,0.25-0.596,0.375-0.975,0.375c-0.377,0-0.703-0.125-0.975-0.375
+ c-0.27-0.25-0.406-0.553-0.406-0.908c0-0.355,0.137-0.66,0.406-0.912c0.271-0.252,0.598-0.379,0.975-0.379
+ c0.379,0,0.703,0.127,0.975,0.379c0.268,0.252,0.402,0.557,0.402,0.912C23,873.617,22.865,873.919,22.598,874.169z"/>
+<path fill="#FFFFFF" d="M21.631,876.113c-0.094-0.084-0.224-0.132-0.343-0.189c-0.263-0.127-0.563-0.214-0.946-0.214
+ c-0.309,0-0.635,0.055-0.982,0.165c-0.055,0.018-0.117,0.044-0.172,0.063c-0.063,0.143-0.102,0.299-0.102,0.465
+ c0,0.111,0.034,0.212,0.063,0.313c0.204,0.017,0.366,0.056,0.452,0.138c0.105,0.103,0.162,0.284,0.162,0.546
+ c0,0.014-0.005,0.031-0.005,0.045c-0.003,0.135-0.016,0.278-0.048,0.437c-0.035,0.174-0.078,0.36-0.131,0.557L19,880.488
+ c-0.051,0.215-0.088,0.407-0.111,0.578s-0.035,0.338-0.035,0.502c0,0.421,0.156,0.767,0.467,1.041
+ c0.181,0.159,0.416,0.258,0.681,0.325c0.19,0.048,0.392,0.086,0.626,0.086c0.224,0,0.424-0.024,0.614-0.06
+ c0.322-0.202,0.547-0.542,0.553-0.948c-0.188-0.019-0.345-0.055-0.435-0.129c-0.121-0.098-0.18-0.282-0.18-0.554
+ c0-0.077,0.012-0.19,0.03-0.318c0.008-0.052,0.013-0.099,0.024-0.159c0.035-0.21,0.078-0.397,0.125-0.562l0.578-2.041
+ c0.057-0.188,0.096-0.393,0.117-0.617c0.02-0.225,0.031-0.381,0.031-0.471C22.086,876.732,21.932,876.382,21.631,876.113z"/>
+<rect x="13" y="869.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_white.svg
new file mode 100644
index 0000000..0afb2a2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/info_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_info_white</title><path class="cls-1" d="M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0ZM9.05,7.66a3.19,3.19,0,0,1-.12.62l-.58,2a5.12,5.12,0,0,0-.12.56c0,.06,0,.11,0,.16a2.44,2.44,0,0,0,0,.32.69.69,0,0,0,.18.55.86.86,0,0,0,.44.13,1.14,1.14,0,0,1-.55.95,3.31,3.31,0,0,1-.61.06A2.5,2.5,0,0,1,7,13a1.62,1.62,0,0,1-.68-.33,1.33,1.33,0,0,1-.47-1,3.85,3.85,0,0,1,0-.5q0-.26.11-.58l.58-2c.05-.2.1-.38.13-.56a2.43,2.43,0,0,0,0-.44s0,0,0,0a.75.75,0,0,0-.16-.55.78.78,0,0,0-.45-.14,1.15,1.15,0,0,1-.06-.31A1.14,1.14,0,0,1,6.19,6l.17-.06a3.26,3.26,0,0,1,1-.16A2.1,2.1,0,0,1,8.29,6a1.44,1.44,0,0,1,.34.19,1.34,1.34,0,0,1,.45,1C9.09,7.28,9.07,7.44,9.05,7.66ZM9.6,4.2a1.45,1.45,0,0,1-1.95,0,1.19,1.19,0,0,1-.41-.91,1.21,1.21,0,0,1,.41-.91,1.44,1.44,0,0,1,1.95,0,1.21,1.21,0,0,1,.4.91A1.2,1.2,0,0,1,9.6,4.2Z"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/invalid_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/invalid_icon.svg
new file mode 100644
index 0000000..c7fc9c2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/invalid_icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#E32219" d="M8.571,0H1.429C0.643,0,0,0.643,0,1.432v7.136C0,9.355,0.643,10,1.429,10h7.142C9.357,10,10,9.355,10,8.568
+ V1.432C10,0.643,9.357,0,8.571,0"/>
+<path fill="#FFFFFF" d="M6,5.272C6,5.674,5.552,6,5,6l0,0C4.448,6,4,5.674,4,5.272V1.728C4,1.326,4.448,1,5,1l0,0
+ c0.552,0,1,0.326,1,0.728V5.272z"/>
+<circle fill="#FFFFFF" cx="5" cy="8" r="1"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/jumpTo_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/jumpTo_black_16px.svg
new file mode 100644
index 0000000..1faad61
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/jumpTo_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2341.971 16 16" enable-background="new 13 2341.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M27,2351.575l-1.131-0.005c-0.846-7.941-11.943-6.916-11.943-0.183c0-2.85,8.116-5.693,8.929,0.17l-1.501-0.006
+ c-0.555,0.002-1,0.448-1.002,1c0.002,0.279,0.115,0.533,0.303,0.713l2.793,2.83c0.395,0.391,1.023,0.391,1.414,0l2.846-2.813
+ c0.18-0.18,0.293-0.432,0.293-0.707C27.998,2352.021,27.553,2351.575,27,2351.575z"/>
+<rect x="13" y="2341.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_black_16px.svg
new file mode 100644
index 0000000..7848f6d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 933.971 16 16" enable-background="new 13 933.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M24.5,941.041v-2.071c0-1.654-1.346-3-3-3h-1c-1.654,0-3,1.346-3,3v2.071c-0.861,0.223-1.5,0.998-1.5,1.929v3
+ c0,1.104,0.896,2,2,2h6c1.104,0,2-0.896,2-2v-3C26,942.039,25.361,941.264,24.5,941.041z M20.266,937.165h1.469
+ c0.811,0,1.469,0.594,1.469,1.322v2.483h-4.406v-2.483C18.797,937.758,19.456,937.165,20.266,937.165z"/>
+<rect x="13" y="933.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_white_16px.svg
new file mode 100644
index 0000000..cec994f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/lock_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-3 -1.5 16 16" enable-background="new -3 -1.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M8,5H2C0.896,5,0,5.896,0,7v4c0,1.104,0.896,2,2,2h6c1.104,0,2-0.896,2-2V7C10,5.896,9.104,5,8,5"/>
+<path fill="#FFFFFF" d="M8.5,7L7.203,7.81V2.518c0-0.73-0.658-1.324-1.469-1.324H4.266c-0.81,0-1.469,0.594-1.469,1.324V7.81L1.5,7
+ V3c0-1.653,1.346-3,3-3h1c1.654,0,3,1.347,3,3V7z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/login.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/login.svg
new file mode 100644
index 0000000..24922ef
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/login.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>login</title><path class="cls-1" d="M14,2.71A8,8,0,1,0,2.69,13.93c1-3.05,9.68-3.41,10.68,0A8,8,0,0,0,14,2.71Zm-4,7v0a3.1,3.1,0,0,1-.44.38,2.89,2.89,0,0,1-.46.27L9,10.46a2.63,2.63,0,0,1-.37.13,2.53,2.53,0,0,1-.6.07,2.41,2.41,0,0,1-1-.2l-.17-.06a2.91,2.91,0,0,1-.46-.27,4,4,0,0,1-1.57-3.3C4.79,4.68,6.22,3,8,3s3.2,1.68,3.2,3.81A4.16,4.16,0,0,1,10.07,9.72Z"/><path class="cls-1" d="M8,1A7,7,0,1,1,1,8,7,7,0,0,1,8,1M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0Z"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/logout_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/logout_black_16px.svg
new file mode 100644
index 0000000..63b074c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/logout_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 741.971 16 16" enable-background="new 13 741.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M25.086,756.282h-9.463c-0.6,0-1.088-0.472-1.088-1.052v-10.52c0-0.58,0.488-1.052,1.088-1.052h9.457
+ c0.561-0.002,2.666,1.311,2.666,1.311c0-1.654-1.346-3-3-3H16c-1.654,0-3,1.346-3,3v10c0,1.654,1.346,3,3,3h8.746
+ c1.654,0,3-1.346,3-3C27.746,754.97,25.643,756.282,25.086,756.282z"/>
+<polygon fill="#333333" points="25.746,749.798 25.746,750.142 25.918,749.97 "/>
+<path d="M28.999,749.971c0,0.25-0.073,0.491-0.261,0.668l-4.324,4.055c-0.391,0.368-1.023,0.369-1.414,0
+ c-0.391-0.369-0.391-0.967,0-1.336l2.616-2.442H19c-0.553,0-1-0.423-1-0.945c0-0.521,0.447-0.945,1-0.945h6.617L23,746.583
+ c-0.391-0.369-0.391-0.967,0-1.336c0.195-0.185,0.451-0.277,0.707-0.277s0.512,0.092,0.707,0.277l4.324,4.056
+ C28.926,749.48,28.999,749.72,28.999,749.971z"/>
+<rect x="13" y="741.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_black_16px.svg
new file mode 100644
index 0000000..7307b5b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 709.971 16 16" enable-background="new 13 709.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,710.97l6.271,4.876c-0.244,0.075-0.501,0.124-0.771,0.124c-1.152,0-9.848,0-11,0c-0.271,0-0.527-0.049-0.771-0.124
+ L21,710.97z"/>
+<path d="M21,719.97l6.271,4.876c-0.244,0.075-0.501,0.124-0.771,0.124c-1.152,0-9.848,0-11,0c-0.271,0-0.527-0.049-0.771-0.124
+ L21,719.97z"/>
+<path d="M28.779,723.489c0.14-0.312,0.221-0.656,0.221-1.019c0-0.975-0.004-5.039-0.004-5.039c-0.006-0.349-0.084-0.679-0.218-0.979
+ l-4.249,3.519L28.779,723.489z"/>
+<path d="M13.222,716.452c-0.134,0.3-0.212,0.63-0.218,0.979c0,0-0.004,4.064-0.004,5.039c0,0.363,0.082,0.707,0.221,1.019
+ l4.249-3.519L13.222,716.452z"/>
+<rect x="13" y="709.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_white_16px.svg
new file mode 100644
index 0000000..bcdd274
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mailRead_white_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 -1 16 16" enable-background="new 0 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M8,0l6.271,4.876C14.027,4.951,13.77,5,13.5,5c-1.152,0-9.848,0-11,0C2.229,5,1.973,4.951,1.729,4.876L8,0z"
+ />
+<path fill="#FFFFFF" d="M8,9l6.271,4.876C14.027,13.951,13.77,14,13.5,14c-1.152,0-9.848,0-11,0c-0.271,0-0.527-0.049-0.771-0.124
+ L8,9z"/>
+<path fill="#FFFFFF" d="M15.779,12.52C15.92,12.207,16,11.863,16,11.5c0-0.975-0.004-5.039-0.004-5.039
+ c-0.006-0.349-0.084-0.679-0.219-0.979l-4.248,3.519L15.779,12.52z"/>
+<path fill="#FFFFFF" d="M0.223,5.482c-0.135,0.3-0.213,0.63-0.219,0.979c0,0-0.004,4.064-0.004,5.039
+ c0,0.363,0.082,0.707,0.221,1.02L4.471,9L0.223,5.482z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_black_16px.svg
new file mode 100644
index 0000000..a1660f2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 677.971 16 16" enable-background="new 13 677.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,686.297l6.271-5.193c-0.244-0.08-0.501-0.134-0.771-0.134c-1.152,0-9.848,0-11,0c-0.271,0-0.527,0.054-0.771,0.134
+ L21,686.297z"/>
+<path d="M28.779,689.489c0.14-0.312,0.221-0.655,0.221-1.019c0-0.975-0.004-5.039-0.004-5.039c-0.006-0.349-0.084-0.679-0.218-0.979
+ l-4.249,3.519L28.779,689.489z"/>
+<path d="M13.222,682.452c-0.134,0.3-0.212,0.63-0.218,0.979c0,0-0.004,4.064-0.004,5.039c0,0.363,0.082,0.707,0.221,1.019
+ l4.249-3.519L13.222,682.452z"/>
+<path d="M22.962,687.269l-1.324,1.097c-0.185,0.153-0.411,0.229-0.638,0.229s-0.453-0.076-0.638-0.229l-1.325-1.097l-4.308,3.567
+ c0.244,0.08,0.5,0.134,0.771,0.134c1.381,0,9.705,0,11,0c0.271,0,0.526-0.054,0.771-0.134L22.962,687.269z"/>
+<rect x="13" y="677.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_white_16px.svg
new file mode 100644
index 0000000..a62dbd5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mail_white_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 -3 16 16" enable-background="new 0 -3 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M8,5.326l6.271-5.192C14.027,0.054,13.771,0,13.5,0h-11C2.229,0,1.973,0.054,1.729,0.134L8,5.326z"/>
+<path fill="#FFFFFF" d="M15.779,8.518C15.919,8.206,16,7.863,16,7.499c0-0.974-0.004-5.039-0.004-5.039
+ c-0.006-0.348-0.084-0.679-0.218-0.979l-4.249,3.518L15.779,8.518z"/>
+<path fill="#FFFFFF" d="M0.222,1.481c-0.134,0.3-0.212,0.63-0.218,0.979c0,0-0.004,4.063-0.004,5.038
+ c0,0.363,0.082,0.707,0.221,1.02l4.249-3.52L0.222,1.481z"/>
+<path fill="#FFFFFF" d="M9.962,6.299L8.638,7.396C8.453,7.549,8.227,7.624,8,7.624S7.547,7.549,7.361,7.396L6.037,6.299L1.729,9.865
+ c0.244,0.08,0.5,0.134,0.771,0.134h11c0.271,0,0.525-0.054,0.771-0.134L9.962,6.299z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedFunction_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedFunction_black_16px.svg
new file mode 100644
index 0000000..885bd01
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedFunction_black_16px.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 581.97 16 16" enable-background="new 8 581.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<line fill="none" stroke="#0066B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="10" x1="10" y1="595.97" x2="11.5" y2="594.47"/>
+<line fill="none" stroke="#0066B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="10" x1="20.5" y1="585.47" x2="22" y2="583.97"/>
+<path d="M19.652,590.569c0.053-0.333,0.062-0.67,0.025-1.004c-0.013-0.105,0.049-0.203,0.146-0.24l1.178-0.452l-0.55-1.434
+ l-1.178,0.452c-0.097,0.037-0.208,0.006-0.269-0.08c-0.196-0.274-0.429-0.521-0.691-0.73c-0.08-0.063-0.108-0.174-0.066-0.27
+ l0.512-1.155l-1.401-0.622l-0.513,1.152c-0.043,0.096-0.146,0.149-0.246,0.131c-0.331-0.053-0.669-0.061-1.003-0.024
+ c-0.103,0.013-0.203-0.049-0.24-0.146l-0.453-1.178l-1.432,0.55l0.452,1.178c0.037,0.097,0.006,0.209-0.081,0.269
+ c-0.274,0.196-0.518,0.428-0.731,0.69c-0.064,0.08-0.175,0.109-0.269,0.066l-1.152-0.512l-0.625,1.399l1.154,0.515
+ c0.096,0.043,0.151,0.143,0.132,0.245c-0.055,0.331-0.061,0.669-0.026,1.005c0.012,0.104-0.048,0.201-0.147,0.24l-1.177,0.452
+ l0.551,1.434l1.177-0.452c0.099-0.038,0.208-0.006,0.271,0.08c0.198,0.272,0.429,0.517,0.691,0.729
+ c0.082,0.063,0.108,0.174,0.066,0.271l-0.513,1.152l1.402,0.625l0.513-1.153c0.042-0.096,0.143-0.149,0.245-0.132
+ c0.334,0.053,0.67,0.062,1.005,0.024c0.105-0.013,0.203,0.049,0.24,0.146l0.453,1.178l1.432-0.55l-0.452-1.178
+ c-0.037-0.097-0.005-0.209,0.081-0.269c0.273-0.196,0.519-0.428,0.729-0.69c0.063-0.08,0.176-0.108,0.271-0.066l1.153,0.513
+ l0.624-1.403l-1.152-0.512C19.688,590.771,19.635,590.669,19.652,590.569z M16,591.97c-1.104,0-2-0.895-2-2c0-1.105,0.896-2,2-2
+ s2,0.895,2,2C18,591.075,17.104,591.97,16,591.97z"/>
+<rect x="8" y="581.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedGroup_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedGroup_black_16px.svg
new file mode 100644
index 0000000..2be3044
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managedGroup_black_16px.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 741.97 16 16" enable-background="new 8 741.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<g>
+ <circle cx="11.5" cy="750.47" r="3.5"/>
+</g>
+<g>
+ <g>
+ <path d="M23.885,757.611c-0.137,0.223-0.378,0.359-0.641,0.359h-5.487c-0.263,0-0.506-0.137-0.644-0.359
+ c-0.139-0.222-0.15-0.502-0.033-0.736l2.743-5.487c0.128-0.255,0.39-0.417,0.677-0.417c0.285,0,0.548,0.162,0.675,0.417
+ l2.744,5.487C24.037,757.109,24.025,757.388,23.885,757.611z"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path d="M23.885,748.611c-0.137,0.223-0.378,0.359-0.641,0.359h-5.487c-0.263,0-0.506-0.137-0.644-0.359
+ c-0.139-0.222-0.15-0.502-0.033-0.736l2.743-5.487c0.128-0.255,0.39-0.417,0.677-0.417c0.285,0,0.548,0.162,0.675,0.417
+ l2.744,5.487C24.037,748.109,24.025,748.388,23.885,748.611z"/>
+ </g>
+</g>
+<rect x="8" y="741.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managementNode_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managementNode_black_16px.svg
new file mode 100644
index 0000000..8a7251b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/managementNode_black_16px.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 421.97 16 16" enable-background="new 8 421.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<circle cx="11.773" cy="434.177" r="1.437"/>
+<path d="M17.404,435.364l-0.714-0.3c0.052-0.29,0.089-0.584,0.089-0.887c0-0.304-0.037-0.599-0.089-0.888l0.714-0.299
+ c0.554-0.233,0.816-0.871,0.582-1.425c-0.232-0.554-0.868-0.816-1.424-0.584l-0.716,0.301c-0.329-0.462-0.731-0.864-1.194-1.191
+ l0.301-0.718c0.233-0.554-0.028-1.192-0.582-1.424c-0.559-0.233-1.194,0.029-1.424,0.582l-0.305,0.727
+ c-0.283-0.05-0.571-0.087-0.869-0.087c-0.307,0-0.604,0.037-0.895,0.09l-0.307-0.729c-0.157-0.376-0.506-0.6-0.885-0.643v4.105
+ c0.543-0.523,1.271-0.852,2.086-0.852c1.676,0,3.035,1.359,3.035,3.036c0,0-0.076,1.354-0.656,1.966h3.877
+ C17.955,435.807,17.746,435.506,17.404,435.364z"/>
+<path d="M19.733,427.979c-1.614-0.614-2.424-2.418-1.812-4.031c0.145-0.378,0.37-0.696,0.628-0.978h-2.397
+ c-0.041,0.086-0.094,0.164-0.128,0.255c-0.11,0.289-0.181,0.583-0.236,0.875l-0.825,0.028c-0.62,0.022-1.104,0.541-1.082,1.158
+ c0.016,0.467,0.312,0.855,0.722,1.01c0.135,0.053,0.281,0.08,0.436,0.073l0.822-0.027c0.145,0.559,0.383,1.088,0.703,1.57
+ l-0.567,0.595c-0.426,0.449-0.407,1.155,0.041,1.587c0.111,0.102,0.236,0.182,0.372,0.233c0.411,0.154,0.891,0.061,1.212-0.276
+ l0.56-0.589c0.263,0.158,0.534,0.302,0.83,0.414c0.287,0.109,0.577,0.178,0.868,0.235l0.028,0.808
+ c0.015,0.462,0.309,0.855,0.722,1.013c0.135,0.051,0.281,0.073,0.432,0.07c0.62-0.021,1.106-0.538,1.086-1.16l-0.025-0.799
+ c0.458-0.119,0.57-0.097,0.879-0.271v-2.466C22.156,428.115,20.897,428.423,19.733,427.979z"/>
+<path d="M20.316,426.442c0.765,0.291,1.619-0.093,1.909-0.857c0.291-0.765-0.095-1.617-0.855-1.909
+ c-0.765-0.291-1.621,0.093-1.909,0.856C19.168,425.297,19.554,426.151,20.316,426.442z"/>
+<g>
+ <path d="M20,423.97c1.103,0,2,0.897,2,2v8c0,1.103-0.897,2-2,2h-8c-1.103,0-2-0.897-2-2v-8c0-1.103,0.897-2,2-2H20 M20,422.97h-8
+ c-1.65,0-3,1.35-3,3v8c0,1.65,1.35,3,3,3h8c1.65,0,3-1.35,3-3v-8C23,424.32,21.65,422.97,20,422.97L20,422.97z"/>
+</g>
+<rect x="8" y="421.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_black_16px.svg
new file mode 100644
index 0000000..b0149d4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 485.971 16 16" enable-background="new 13 485.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="15" y="488.971" width="2" height="1.999"/>
+<rect x="19" y="488.971" width="7" height="1.999"/>
+<rect x="15" y="492.971" width="2" height="1.999"/>
+<rect x="19" y="492.971" width="7" height="1.999"/>
+<rect x="15" y="496.971" width="2" height="1.999"/>
+<rect x="19" y="496.971" width="7" height="1.999"/>
+<rect x="13" y="485.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_white_16px.svg
new file mode 100644
index 0000000..ccc8374
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/menu_white_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 485.971 16 16" enable-background="new 13 485.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect fill="#FFFFFF" x="15" y="488.971" width="2" height="1.999"/>
+<rect fill="#FFFFFF" x="19" y="488.971" width="7" height="1.999"/>
+<rect fill="#FFFFFF" x="15" y="492.971" width="2" height="1.999"/>
+<rect fill="#FFFFFF" x="19" y="492.971" width="7" height="1.999"/>
+<rect fill="#FFFFFF" x="15" y="496.971" width="2" height="1.999"/>
+<rect fill="#FFFFFF" x="19" y="496.971" width="7" height="1.999"/>
+<rect x="13" y="485.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/microwave.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/microwave.svg
new file mode 100644
index 0000000..2e07e1a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/microwave.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 -0.014 16 16" overflow="visible" enable-background="new 0 -0.014 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path d="M9.73,3.688c0-0.967-0.783-1.75-1.75-1.75c-0.969,0-1.75,0.783-1.75,1.75s0.781,1.75,1.75,1.75
+ C8.947,5.438,9.73,4.655,9.73,3.688"/>
+<path d="M3.951,6.143c-0.158,0-0.311-0.09-0.384-0.243C3.302,5.346,3.168,4.751,3.168,4.137c0-0.948,0.331-1.871,0.933-2.601
+ C4.251,1.355,4.52,1.33,4.7,1.479c0.182,0.149,0.207,0.417,0.058,0.599c-0.477,0.578-0.74,1.308-0.74,2.06
+ c0,0.487,0.107,0.957,0.317,1.397c0.102,0.212,0.013,0.464-0.2,0.566C4.075,6.128,4.012,6.143,3.951,6.143"/>
+<path d="M1.042,7.601c-0.158,0-0.312-0.089-0.384-0.243C0.222,6.443,0,5.465,0,4.448c0-1.564,0.547-3.09,1.54-4.294
+ c0.149-0.181,0.419-0.205,0.599-0.057c0.182,0.15,0.207,0.417,0.058,0.598C1.328,1.747,0.85,3.081,0.85,4.448
+ c0,0.889,0.194,1.744,0.576,2.544c0.102,0.212,0.012,0.465-0.2,0.566C1.166,7.587,1.104,7.601,1.042,7.601"/>
+<path d="M12.01,6.143c0.158,0,0.311-0.09,0.383-0.243c0.266-0.554,0.398-1.148,0.398-1.763c0-0.948-0.33-1.871-0.932-2.601
+ c-0.15-0.181-0.42-0.206-0.6-0.058c-0.182,0.149-0.207,0.417-0.057,0.599c0.477,0.578,0.738,1.308,0.738,2.06
+ c0,0.487-0.105,0.957-0.316,1.397c-0.102,0.212-0.012,0.464,0.201,0.566C11.885,6.128,11.947,6.143,12.01,6.143"/>
+<path d="M14.938,7.601c0.158,0,0.311-0.089,0.385-0.243c0.436-0.915,0.658-1.893,0.658-2.91c0-1.564-0.547-3.09-1.541-4.294
+ c-0.15-0.181-0.418-0.205-0.598-0.057c-0.182,0.15-0.207,0.417-0.059,0.598c0.869,1.052,1.348,2.386,1.348,3.753
+ c0,0.889-0.195,1.744-0.576,2.544c-0.102,0.212-0.014,0.465,0.199,0.566C14.814,7.587,14.877,7.601,14.938,7.601"/>
+<path d="M7.414,15.375V4.517c0-0.313,0.254-0.567,0.566-0.567s0.566,0.254,0.566,0.567v10.857c0,0.314-0.254,0.568-0.566,0.568
+ S7.414,15.689,7.414,15.375"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minimiseFullscreen_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minimiseFullscreen_black_16px.svg
new file mode 100644
index 0000000..73f08e1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minimiseFullscreen_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M5,7H1C0.448,7,0,6.552,0,6s0.448-1,1-1h3V2c0-0.552,0.448-1,1-1s1,0.448,1,1v4C6,6.552,5.552,7,5,7z"/>
+<path d="M15,7h-4c-0.552,0-1-0.448-1-1V2c0-0.552,0.448-1,1-1s1,0.448,1,1v3h3c0.552,0,1,0.448,1,1S15.553,7,15,7z"/>
+<path d="M5,7H1C0.448,7,0,6.552,0,6s0.448-1,1-1h3V2c0-0.552,0.448-1,1-1s1,0.448,1,1v4C6,6.552,5.552,7,5,7z"/>
+<path d="M15,7h-4c-0.552,0-1-0.448-1-1V2c0-0.552,0.448-1,1-1s1,0.448,1,1v3h3c0.552,0,1,0.448,1,1S15.553,7,15,7z"/>
+<path d="M11,14.999c-0.552,0-1-0.448-1-1v-4C10,9.447,10.448,9,11,9h4c0.552,0,1,0.447,1,0.999s-0.447,1-1,1h-3v3
+ C12,14.551,11.553,14.999,11,14.999z"/>
+<path d="M5,14.999c-0.552,0-1-0.448-1-1v-3H1c-0.552,0-1-0.448-1-1S0.448,9,1,9h4c0.552,0,1,0.447,1,0.999v4
+ C6,14.552,5.553,14.999,5,14.999z"/>
+<path d="M11,14.999c-0.552,0-1-0.448-1-1v-4C10,9.447,10.448,9,11,9h4c0.552,0,1,0.447,1,0.999s-0.447,1-1,1h-3v3
+ C12,14.551,11.553,14.999,11,14.999z"/>
+<path d="M5,14.999c-0.552,0-1-0.448-1-1v-3H1c-0.552,0-1-0.448-1-1S0.448,9,1,9h4c0.552,0,1,0.447,1,0.999v4
+ C6,14.552,5.553,14.999,5,14.999z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minus_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minus_black_16px.svg
new file mode 100644
index 0000000..7c4ac16
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/minus_black_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1733.971 16 16" enable-background="new 13 1733.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M25,1740.97c0.55,0,1,0.45,1,0.999s-0.45,0.999-1,0.999h-8c-0.55,0-1-0.45-1-0.999s0.45-0.999,1-0.999H25z"/>
+<rect x="13" y="1733.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mo.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mo.svg
new file mode 100644
index 0000000..3fe14df
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/mo.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.013 -4.497 16 16"
+ overflow="visible" enable-background="new -0.013 -4.497 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path d="M15.633,2.873c-0.104-0.059-0.226-0.094-0.354-0.095l-3.835-0.005c-0.201-0.937-0.779-1.79-1.676-2.304
+ c-1.68-0.967-3.837-0.39-4.808,1.284C4.759,2.101,4.639,2.472,4.567,2.847V2.781L0.711,2.776c-0.392,0-0.71,0.316-0.711,0.707
+ c0,0.263,0.143,0.491,0.355,0.613c0.104,0.06,0.225,0.095,0.353,0.095l3.859,0.006V4.154c0.185,0.969,0.76,1.857,1.682,2.389
+ c1.681,0.967,3.837,0.391,4.806-1.284c0.198-0.341,0.33-0.702,0.4-1.07l3.82,0.006c0.393,0.001,0.711-0.316,0.711-0.707
+ C15.988,3.224,15.845,2.995,15.633,2.873z M9.826,4.551C9.249,5.55,7.962,5.894,6.959,5.318C5.957,4.74,5.612,3.458,6.19,2.459
+ C6.769,1.46,8.057,1.117,9.06,1.693C10.062,2.271,10.407,3.552,9.826,4.551z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/move.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/move.svg
new file mode 100644
index 0000000..ac56bc2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/move.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13.35"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>move</title><path class="cls-1" d="M12.49,2.12A2.17,2.17,0,0,0,11.88,2H11c0-1-1-2-3.11-2H3.09A2.72,2.72,0,0,0,0,3v7.32a1,1,0,0,0,1,1H7v-2H3c-.36,0-1,0-1-1L3,4.41a1.2,1.2,0,0,1,1-.88h8.07a.65.65,0,0,1,.66.86h0L11,6.35h2l1-1.56A2.23,2.23,0,0,0,12.49,2.12Z"/><path class="cls-1" d="M15,10.6c0,.14.08.65,0,.75L12.52,13.2a.54.54,0,0,1-.75,0,.51.51,0,0,1,0-.72h0l1.38-1.13H9a.5.5,0,1,1,0-1h4.17l-1.4-1.61a.51.51,0,0,1,0-.72h0a.54.54,0,0,1,.75,0L15,10c.1.1,0,.48,0,.62"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort.svg
new file mode 100644
index 0000000..e1d85cb
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14"><defs><style>.cls-1{fill:#333;}</style></defs><path class="cls-1" d="M10.77,3.6,8.55,1.24a.75.75,0,0,0-1.11,0L5.23,3.6a.88.88,0,0,0-.17.91.83.83,0,0,0,.17.26A.75.75,0,0,0,5.78,5H7v7H9V5h1.22a.78.78,0,0,0,.72-.5A.85.85,0,0,0,10.77,3.6Z" transform="translate(0 -1)"/><path class="cls-1" d="M5.94,11.5a.78.78,0,0,0-.72-.5H4V5H2v6H.78a.77.77,0,0,0-.72.5.86.86,0,0,0,.17.9l2.22,2.35a.75.75,0,0,0,1.11,0l2.22-2.35A.87.87,0,0,0,5.94,11.5Z" transform="translate(0 -1)"/><path class="cls-1" d="M15.94,11.5a.78.78,0,0,0-.72-.5H14V5H12v6H10.78a.77.77,0,0,0-.72.5.86.86,0,0,0,.17.9l2.22,2.35a.75.75,0,0,0,1.11,0l2.22-2.35A.87.87,0,0,0,15.94,11.5Z" transform="translate(0 -1)"/></svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort_white.svg
new file mode 100644
index 0000000..a901f7d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multi-sort_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14"><defs><style>.cls-1{fill:#FFF;}</style></defs><path class="cls-1" d="M10.77,3.6,8.55,1.24a.75.75,0,0,0-1.11,0L5.23,3.6a.88.88,0,0,0-.17.91.83.83,0,0,0,.17.26A.75.75,0,0,0,5.78,5H7v7H9V5h1.22a.78.78,0,0,0,.72-.5A.85.85,0,0,0,10.77,3.6Z" transform="translate(0 -1)"/><path class="cls-1" d="M5.94,11.5a.78.78,0,0,0-.72-.5H4V5H2v6H.78a.77.77,0,0,0-.72.5.86.86,0,0,0,.17.9l2.22,2.35a.75.75,0,0,0,1.11,0l2.22-2.35A.87.87,0,0,0,5.94,11.5Z" transform="translate(0 -1)"/><path class="cls-1" d="M15.94,11.5a.78.78,0,0,0-.72-.5H14V5H12v6H10.78a.77.77,0,0,0-.72.5.86.86,0,0,0,.17.9l2.22,2.35a.75.75,0,0,0,1.11,0l2.22-2.35A.87.87,0,0,0,15.94,11.5Z" transform="translate(0 -1)"/></svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_black_16px.svg
new file mode 100644
index 0000000..d71eeca
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_black_16px.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2565.971 16 16" enable-background="new 13 2565.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="20" y="2566.97" width="8" height="2"/>
+<rect x="20" y="2572.97" width="8" height="2"/>
+<rect x="20" y="2578.97" width="8" height="2"/>
+<path d="M14.302,2569.093l1.4,0.8c0.091,0.052,0.194,0.079,0.297,0.079c0.059,0,0.117-0.009,0.174-0.026
+ c0.158-0.048,0.289-0.158,0.363-0.306l1.4-2.8c0.148-0.296,0.028-0.657-0.268-0.805c-0.297-0.149-0.657-0.028-0.805,0.268
+ l-1.117,2.233l-0.85-0.485c-0.287-0.164-0.653-0.064-0.818,0.223C13.914,2568.562,14.014,2568.928,14.302,2569.093z"/>
+<path d="M14.302,2575.092l1.4,0.801c0.091,0.052,0.194,0.079,0.298,0.079c0.058,0,0.117-0.009,0.174-0.026
+ c0.158-0.048,0.289-0.158,0.363-0.306l1.4-2.801c0.148-0.296,0.028-0.657-0.269-0.805c-0.295-0.148-0.657-0.028-0.805,0.268
+ l-1.117,2.234l-0.85-0.486c-0.287-0.164-0.654-0.065-0.819,0.223C13.914,2574.561,14.014,2574.928,14.302,2575.092z"/>
+<path d="M14,2581.97h4v-4h-4V2581.97z M15,2578.97h2v2h-2V2578.97z"/>
+<rect x="13" y="2565.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_white.svg
new file mode 100644
index 0000000..66c5d32
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/multiSelect_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_multiSelect_white</title><path class="cls-1" d="M4.5,15h-2V13h2Zm0-3h-2a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V13a1,1,0,0,0-1-1" transform="translate(-1.5)"/><rect class="cls-1" x="5" y="2" width="8" height="1"/><rect class="cls-1" x="5" y="8" width="8" height="1"/><rect class="cls-1" x="5" y="14" width="8" height="1"/><path class="cls-1" d="M3.5,4a.6.6,0,0,1-.3-.08l-1.4-.8a.6.6,0,1,1,.6-1l.85.49L4.36.33A.6.6,0,1,1,5.44.87L4,3.67A.6.6,0,0,1,3.67,4L3.5,4" transform="translate(-1.5)"/><path class="cls-1" d="M3.5,10a.59.59,0,0,1-.3-.08l-1.4-.8a.6.6,0,0,1,.6-1l.85.49L4.36,6.33a.6.6,0,1,1,1.07.54L4,9.67a.6.6,0,0,1-.36.31L3.5,10" transform="translate(-1.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_black_16px.svg
new file mode 100644
index 0000000..75f4a6d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 69.97 16 16" enable-background="new 8 69.97 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M21.815,72.178c-0.277-0.277-0.726-0.277-1.002,0l-1.767,1.767l-1.267-1.266c-0.195-0.196-0.451-0.293-0.707-0.293
+ c-0.256,0-0.512,0.098-0.708,0.293l-5.656,5.656c-0.391,0.391-0.392,1.023,0,1.414l1.266,1.266l-1.768,1.768
+ c-0.277,0.277-0.277,0.726,0,1.002c0.138,0.138,0.32,0.208,0.501,0.208c0.181,0,0.362-0.069,0.501-0.208l1.767-1.767l1.267,1.267
+ c0.195,0.195,0.451,0.293,0.707,0.293c0.256,0,0.512-0.098,0.707-0.294l5.657-5.656c0.392-0.391,0.392-1.023,0.001-1.414
+ l-1.268-1.267l1.767-1.767C22.092,72.903,22.092,72.455,21.815,72.178z M14.95,82.388l-3.345-3.346l5.466-5.467l3.347,3.345
+ L14.95,82.388z"/>
+<rect x="8" y="69.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_white_16px.svg
new file mode 100644
index 0000000..0000a5c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/networkElement_white_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="13px" height="14px" viewBox="0 -1 13 14" enable-background="new 0 -1 13 14" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M7.072,1.605l3.346,3.345l-5.466,5.468L1.605,7.072L7.072,1.605 M7.072,0.415
+ c-0.255,0-0.511,0.098-0.707,0.293L0.709,6.365c-0.391,0.39-0.392,1.022,0,1.414l3.535,3.536c0.195,0.194,0.451,0.293,0.706,0.293
+ c0.258,0,0.514-0.099,0.709-0.294l5.656-5.656c0.393-0.391,0.393-1.024,0.002-1.414L7.779,0.708
+ C7.584,0.513,7.328,0.415,7.072,0.415"/>
+<path fill="#FFFFFF" d="M9.336,3.396c-0.182,0-0.363-0.069-0.502-0.208c-0.277-0.276-0.277-0.725,0-1.001l1.979-1.979
+ c0.277-0.276,0.725-0.276,1.002,0c0.277,0.278,0.277,0.726,0,1.003L9.836,3.188C9.697,3.326,9.518,3.396,9.336,3.396"/>
+<path fill="#FFFFFF" d="M0.709,12.022c-0.182,0-0.362-0.069-0.501-0.208c-0.277-0.276-0.277-0.725,0-1.001l1.768-1.768
+ c0.277-0.277,0.725-0.277,1.002,0c0.277,0.276,0.277,0.725,0,1.002L1.21,11.814C1.071,11.953,0.891,12.022,0.709,12.022"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/network_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/network_black_16px.svg
new file mode 100644
index 0000000..de33f1e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/network_black_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 37.97 16 16" enable-background="new 8 37.97 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M20.987,39.714C19.578,38.59,17.807,37.97,16,37.97c-4.411,0-8,3.589-8,8s3.589,8,8,8s8-3.589,8-8
+ C24,43.523,22.902,41.243,20.987,39.714z M11.563,51.383l0.107-0.252c0,0,0.75-1.541,0.747-1.791s-0.4-1.989-0.955-1.875
+ c-2.232,0.458-2.44-1.139-2.459-1.442C9.002,46.005,9,45.988,9,45.97c0-0.137,0.013-0.27,0.021-0.405
+ c0.573,0.006,1.425,0.06,1.727,0.321c0.469,0.406,1.912,0.084,2.69,0c0,0,0.656-1.531,1.563-1.813c0,0,0.373-0.831-0.151-1.379
+ c-0.026-0.027-1.013-0.811-1.505-0.266c-0.55,0.608-0.552,0.858-0.927,0.192s0.361-0.765-0.045-1.515
+ c-0.197-0.363-0.392-0.598-0.542-0.747c1.166-0.867,2.605-1.387,4.17-1.387c0.127,0,0.247,0.025,0.373,0.032
+ c-0.011,0.334-0.009,0.722,0.042,1.006c0.109,0.602,0.626,1.154,1.328,0.164c0.251-0.354,0.15-0.691-0.08-0.979
+ c0.288,0.071,0.573,0.147,0.846,0.252l0.001,0.056c0,0,0.34,0.338-0.191,0.926c-0.43,0.475-1.813,1.118-1.403,1.841
+ c0.503,0.888,2.428-0.488,3.573,0.585c0.907,0.85,2.299,2.323,1.979,1.206c-0.171-0.599-0.158-0.873-0.109-1.001
+ C22.766,43.946,23,44.929,23,45.97c0,0.789-0.136,1.544-0.377,2.251c-0.146-0.167-0.555-0.633-0.909-0.987
+ c-0.438-0.438-0.719-1.188-0.844-1.625s-0.688-0.75-1.094-0.75s-0.938-0.188-0.938-0.188s-0.188-0.469-0.625-0.438
+ s-1.219,0.563-1.375,1.125c0,0-0.719,1.938,0.5,2.563s2.031-0.563,1.719,2.875c0,0-0.162,0.955,0.097,1.417
+ c-0.949,0.48-2.018,0.757-3.155,0.757C14.315,52.97,12.771,52.375,11.563,51.383z"/>
+<rect x="8" y="37.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_black_16px.svg
new file mode 100644
index 0000000..4840df2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_black_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="-0.5 0.5 16 16" enable-background="new -0.5 0.5 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="997.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M3.75,15.998c-1.241,0-2.25-1.008-2.25-2.248v-10c0-1.241,1.009-2.25,2.25-2.25h5c0.343,0,0.664,0.14,0.903,0.394
+ l3.137,3.135L12.778,5.06C12.924,5.27,13.001,5.507,13,5.75v7.998c0,1.24-1.01,2.25-2.25,2.25H3.75L3.75,15.998z M3.751,2.999
+ c-0.414,0-0.75,0.336-0.75,0.75V13.75c0,0.412,0.336,0.75,0.75,0.75h7c0.413,0,0.75-0.338,0.75-0.75V6.999h-1.75
+ c-1.24,0-2.25-1.009-2.25-2.249V2.999H3.751z"/>
+<path d="M12.508,5.118l0.009-0.009l-0.043-0.044c-0.013-0.012-0.022-0.024-0.037-0.036l-0.686-0.686l-1.593-1.594l0,0L9.472,2.065
+ C9.29,1.873,9.036,1.75,8.75,1.75h-1h-4c-1.101,0-2,0.9-2,2v10c0,1.102,0.899,1.998,2,1.998h7c1.101,0,2-0.896,2-1.998v-7v-1
+ C12.751,5.508,12.653,5.291,12.508,5.118z M11.751,13.75c0,0.553-0.449,1-1,1h-7c-0.551,0-1-0.447-1-1V3.749c0-0.551,0.449-1,1-1h4
+ V3.75v1c0,1.1,0.9,1.999,2,1.999h2V13.75z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_white_16px.svg
new file mode 100644
index 0000000..55a6697
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newFile_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2.5 -1 16 16" enable-background="new -2.5 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M10.707,3.294c-0.475-0.391-3.247-2.411-4-3C6.489,0.123,6.256,0,6,0H2.5C0.5,0,0,1.948,0,2.5v9
+ c0,2,1.947,2.5,2.5,2.5h6c2,0,2.5-1.946,2.5-2.5V4C11,3.744,10.92,3.47,10.707,3.294 M7.5,13h-4c-2,0-2.5-0.5-2.5-2.5v-7
+ C1,1.5,1.5,1,3.5,1H5v3c0,0.554,0.447,1,1,1h4v5.5C10,12.5,9.5,13,7.5,13"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_blue_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_blue_16px.svg
new file mode 100644
index 0000000..b273bf4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_blue_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#00A9D4" d="M4.324,13.952c-0.206-0.078-0.365-0.248-0.432-0.458l-0.771-2.413l-2.449-0.647
+ c-0.215-0.054-0.389-0.206-0.479-0.408C0.104,9.824,0.111,9.592,0.211,9.396l1.16-2.254L0.099,4.951
+ c-0.111-0.191-0.13-0.422-0.05-0.628c0.079-0.206,0.248-0.365,0.458-0.432L2.92,3.117l0.649-2.45
+ c0.058-0.213,0.208-0.389,0.409-0.479C4.179,0.098,4.411,0.1,4.607,0.206l2.252,1.16l2.19-1.276c0.381-0.222,0.926-0.012,1.06,0.408
+ l0.771,2.413l2.45,0.648c0.214,0.053,0.389,0.207,0.479,0.408c0.09,0.202,0.082,0.433-0.018,0.629L12.629,6.85l1.272,2.191
+ c0.11,0.19,0.129,0.422,0.051,0.627c-0.08,0.207-0.248,0.365-0.459,0.433l-2.412,0.774l-0.65,2.449
+ c-0.057,0.213-0.207,0.391-0.408,0.479c-0.201,0.091-0.435,0.087-0.629-0.018l-2.253-1.158l-2.19,1.274
+ C4.761,14.012,4.53,14.031,4.324,13.952"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_green_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_green_16px.svg
new file mode 100644
index 0000000..f1ac0a5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/newStatus_green_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#89BA17" d="M4.324,13.952c-0.206-0.078-0.365-0.248-0.432-0.458l-0.771-2.413l-2.449-0.647
+ c-0.215-0.054-0.389-0.206-0.479-0.408C0.104,9.824,0.111,9.592,0.211,9.396l1.16-2.254L0.099,4.951
+ c-0.111-0.191-0.13-0.422-0.05-0.628c0.079-0.206,0.248-0.365,0.458-0.432L2.92,3.117l0.649-2.45
+ c0.058-0.213,0.208-0.389,0.409-0.479C4.179,0.098,4.411,0.1,4.607,0.206l2.252,1.16l2.19-1.276c0.381-0.222,0.926-0.012,1.06,0.408
+ l0.771,2.413l2.45,0.648c0.214,0.053,0.389,0.207,0.479,0.408c0.09,0.202,0.082,0.433-0.018,0.629L12.629,6.85l1.272,2.191
+ c0.11,0.19,0.129,0.422,0.051,0.627c-0.08,0.207-0.248,0.365-0.459,0.433l-2.412,0.774l-0.65,2.449
+ c-0.057,0.213-0.207,0.391-0.408,0.479c-0.201,0.091-0.435,0.087-0.629-0.018l-2.253-1.158l-2.19,1.274
+ C4.761,14.012,4.53,14.031,4.324,13.952"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_black_16px.svg
new file mode 100644
index 0000000..e9bdf82
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 12 13.5" style="enable-background:new 0 0 12 13.5;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#1D1D1B;}
+</style>
+<title>note</title>
+<path class="st0" d="M7.1,6.7c1-1,1.9-1.9,3.2-3.2c-0.2-0.4-0.4-0.7-0.7-1C9.2,2.2,8.9,2,8.5,1.8C7.2,3,6.3,4,5.3,4.9
+ c0.4,0.2,0.7,0.5,1,0.8C6.6,6,6.9,6.3,7.1,6.7"/>
+<path class="st0" d="M5.4,6.6c-0.3-0.3-0.6-0.5-1-0.7L4.2,6.1C4.1,6.2,2.6,8.4,3.1,8.9s2.7-1,2.8-1.1l0.2-0.2
+ C5.9,7.2,5.7,6.9,5.4,6.6"/>
+<path class="st0" d="M10.4,1.6c0.3,0.3,0.5,0.6,0.7,1l0.1-0.1c0.5-0.5,1.3-1.3,0.4-2.1S10,0.3,9.5,0.8L9.4,0.9
+ C9.8,1.1,10.1,1.3,10.4,1.6"/>
+<path class="st0" d="M10,5.5v6c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1v-9c0-0.6,0.4-1,1-1h5v-1H2c-1.1,0-2,0.9-2,2v9c0,1.1,0.9,2,2,2h7
+ c1.1,0,2-0.9,2-2v-6H10z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_white_16px.svg
new file mode 100644
index 0000000..b6481a1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/note_white_16px.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 13.52"><defs><style>.cls-1{fill:#fff;}</style></defs><title>noteWhite</title><path class="cls-1" d="M7.06,6.66l3.18-3.17a3.76,3.76,0,0,0-.72-1,3.72,3.72,0,0,0-1-.72C7.21,3.05,6.31,4,5.34,4.94a4.83,4.83,0,0,1,1,.75,4.7,4.7,0,0,1,.75,1" transform="translate(0 0.02)"/><path class="cls-1" d="M5.38,6.62a3.71,3.71,0,0,0-1-.71l-.16.16c-.16.16-1.61,2.35-1.13,2.83s2.68-1,2.84-1.12l.16-.16a3.68,3.68,0,0,0-.71-1" transform="translate(0 0.02)"/><path class="cls-1" d="M10.4,1.6a4.76,4.76,0,0,1,.74,1l.06-.1c.53-.54,1.27-1.27.41-2.13S10,.28,9.48.8L9.42.86a4.75,4.75,0,0,1,1,.74" transform="translate(0 0.02)"/><path class="cls-1" d="M10,5.5v6a1,1,0,0,1-1,1H2a1,1,0,0,1-1-1v-9a1,1,0,0,1,1-1H7V.5H2a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2H9a2,2,0,0,0,2-2v-6Z" transform="translate(0 0.02)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/obsolete_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/obsolete_16px.svg
new file mode 100644
index 0000000..b096a5a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/obsolete_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<g>
+ <path fill="#F6B966" d="M14,12c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2V2c0-1.1,0.9-2,2-2h10c1.1,0,2,0.9,2,2V12z"/>
+</g>
+<path fill="#FFFFFF" d="M3.5,11.699c-0.243,0-0.487-0.088-0.679-0.266c-0.405-0.376-0.43-1.008-0.055-1.414l6.662-7.199
+ c0.375-0.406,1.008-0.431,1.413-0.055c0.406,0.375,0.431,1.008,0.056,1.413l-6.663,7.2C4.037,11.592,3.769,11.699,3.5,11.699z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/pause_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/pause_black_16px.svg
new file mode 100644
index 0000000..21f7364
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/pause_black_16px.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <path d="M6,12c0,1.1-0.9,2-2,2l0,0c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2V12z"/>
+</g>
+<g>
+ <path d="M14,12c0,1.1-0.9,2-2,2l0,0c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2V12z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/play_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/play_black_16px.svg
new file mode 100644
index 0000000..88338e9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/play_black_16px.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M13,8.01c0.004-0.559-0.336-1.042-0.836-1.302l0.003-0.005c0,0-6.602-4.468-6.667-4.501C4.703,1.787,3.684,2.033,3.224,2.75
+ C3.072,2.987,3.007,3.245,3.007,3.5H3v9C3,13.328,3.746,14,4.667,14c0.3,0,0.831-0.207,0.831-0.207
+ C5.551,13.766,12.167,9.3,12.167,9.3l-0.003-0.005C12.659,9.037,12.996,8.562,13,8.01z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/plus_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/plus_black_16px.svg
new file mode 100644
index 0000000..cd22ae9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/plus_black_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 1701.971 16 16" enable-background="new 13 1701.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M25,1708.971h-3v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-3c-0.55,0-1,0.45-1,0.999s0.45,0.999,1,0.999h3v3c0,0.55,0.45,1,1,1
+ s1-0.45,1-1v-3h3c0.55,0,1-0.45,1-0.999S25.55,1708.971,25,1708.971z"/>
+<rect x="13" y="1701.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_black_16px.svg
new file mode 100644
index 0000000..59ed0fe
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 805.971 16 16" enable-background="new 13 805.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M27,810.97h-1v2H16v-2h-1c-0.553,0-1,0.447-1,1v6c0,0.553,0.447,1,1,1h1v-3h10v3h1c0.553,0,1-0.447,1-1v-6
+ C28,811.418,27.553,810.97,27,810.97z"/>
+<polyline points="25,816.97 25,819.97 17,819.97 17,816.97 25,816.97 "/>
+<polyline points="25,806.97 25,811.97 17,811.97 17,806.97 25,806.97 "/>
+<rect x="13" y="805.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_white_16px.svg
new file mode 100644
index 0000000..5b15cc0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/print_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M12,3.999h-1v2H2v-2H1c-0.553,0-1,0.447-1,1v6c0,0.555,0.447,1,1,1h1v-3h9v3h1c0.553,0,1-0.445,1-1v-6
+ C13,4.446,12.553,3.999,12,3.999"/>
+<rect x="3" y="10" fill="#FFFFFF" width="7" height="3"/>
+<rect x="3" fill="#FFFFFF" width="7" height="5"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_black_16px.svg
new file mode 100644
index 0000000..565755d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_black_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 229.971 16 16" enable-background="new 13 229.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28.707,231.263c-0.393-0.391-1.023-0.391-1.414,0l-1.485,1.473c-1.302-1.095-2.973-1.766-4.808-1.766
+ c-3.626,0-6.639,2.579-7.335,6h2.07c0.658-2.301,2.265-4,5.265-4c2,0,2.45,0.444,3.384,1.178l-1.101,1.092
+ c-0.391,0.393-0.391,1.023,0,1.415c0.197,0.196,0.458,0.294,0.717,0.291l3.977,0.024c0.555-0.002,1-0.447,1-1l0.023-4
+ C29,231.714,28.902,231.458,28.707,231.263z"/>
+<path d="M13.293,244.677c0.393,0.391,1.023,0.391,1.414,0l1.485-1.473c1.302,1.095,2.973,1.766,4.808,1.766
+ c3.626,0,6.639-2.579,7.335-6h-2.07c-0.658,2.301-2.265,4-5.265,4c-2,0-2.45-0.444-3.384-1.178l1.101-1.091
+ c0.391-0.393,0.391-1.024,0-1.415c-0.197-0.196-0.458-0.294-0.717-0.291l-3.977-0.024c-0.555,0.002-1,0.447-1,1l-0.023,4
+ C13,244.226,13.098,244.482,13.293,244.677z"/>
+<rect x="13" y="229.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_white_16px.svg
new file mode 100644
index 0000000..4b8b4d1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/refresh_white_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 -0.5 16 16" enable-background="new 0 -0.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M8,2c2.113,0,3.948,1.199,4.869,2.951l1.625-1.19C13.199,1.516,10.777,0,8,0
+ C4.195,0,1.061,2.837,0.573,6.509h2.02C3.059,3.943,5.305,2,8,2"/>
+<path fill="#FFFFFF" d="M13.407,8.485C12.939,11.049,10.695,13,8,13c-2.166,0-4.038-1.261-4.934-3.085L1.389,11.04
+ C2.652,13.397,5.139,15,8,15c3.805,0,6.939-2.843,7.427-6.515H13.407z"/>
+<path fill="#FFFFFF" d="M5,8.525L1.023,8.501c-0.555,0.001-1,0.447-1,0.999L0,13.501c0,0.254,0.098,0.511,0.293,0.707
+ c0.393,0.391,1.023,0.391,1.414,0l4.01-3.977c0.391-0.394,0.391-1.024,0-1.415C5.52,8.619,5.259,8.522,5,8.525"/>
+<path fill="#FFFFFF" d="M11,6.476L14.977,6.5c0.555-0.001,1-0.447,1-0.999L16,1.5c0-0.256-0.098-0.513-0.293-0.707
+ c-0.393-0.391-1.023-0.391-1.414,0l-4.01,3.977c-0.391,0.392-0.391,1.024,0,1.416C10.48,6.382,10.741,6.479,11,6.476"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/remove.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/remove.svg
new file mode 100644
index 0000000..d3d8bb0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/remove.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 13.3"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#1d1d1b;}</style></defs><title>remove</title><rect class="cls-1" x="7.9" y="7.1" width="6" height="5.9"/><path class="cls-2" d="M11.91,10.31l1.6-1.67a.69.69,0,0,0,0-1.07.62.62,0,0,0-1,0l-1.6,1.67L9.29,7.57a.62.62,0,0,0-1,0,.69.69,0,0,0,0,1.07l1.6,1.67L8.26,12a.69.69,0,0,0,0,1.07.85.85,0,0,0,.57.24c.23,0,.34-.12.57-.24L11,11.39l1.6,1.67a.85.85,0,0,0,.57.24c.23,0,.34-.12.57-.24a.69.69,0,0,0,0-1.07Z"/><path class="cls-2" d="M12.49,1.77a2.17,2.17,0,0,0-.61-.09H11c0-1-1-2-3.11-2H3.09A2.72,2.72,0,0,0,0,2.68V10a1,1,0,0,0,1,1H7V9H3C2.64,9,2,9,2,8L3,4.06a1.2,1.2,0,0,1,1-.88h8.07a.65.65,0,0,1,.66.86h0L11,6h2l1-1.56A2.23,2.23,0,0,0,12.49,1.77Z"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/resume_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/resume_black_16px.svg
new file mode 100644
index 0000000..6e7f876
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/resume_black_16px.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16px"
+ height="16px"
+ id="svg2992"
+ version="1.1"
+ inkscape:version="0.48.4 r9939"
+ sodipodi:docname="New document 1">
+ <defs
+ id="defs2994" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="22.197802"
+ inkscape:cx="8"
+ inkscape:cy="8"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ inkscape:grid-bbox="true"
+ inkscape:document-units="px"
+ inkscape:window-width="621"
+ inkscape:window-height="665"
+ inkscape:window-x="120"
+ inkscape:window-y="120"
+ inkscape:window-maximized="0" />
+ <metadata
+ id="metadata2997">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer">
+ <g
+ transform="translate(-0.57623764,-0.2440595)"
+ id="g3">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 6,12 c 0,1.1 -0.9,2 -2,2 l 0,0 C 2.9,14 2,13.1 2,12 V 4 C 2,2.9 2.9,2 4,2 l 0,0 c 1.1,0 2,0.9 2,2 v 8 z"
+ id="path5" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ d="m 15.046031,7.8559042 c 0.003,-0.559 -0.249721,-1.042 -0.621331,-1.302 l 0.0022,-0.005 c 0,0 -4.9067299,-4.4679999 -4.9550391,-4.5009999 -0.5923453,-0.415 -1.3496852,-0.169 -1.6915658,0.548 -0.1129693,0.237 -0.1612785,0.4949999 -0.1612785,0.7499999 h -0.0052 v 8.9999998 c 0,0.828 0.5544412,1.5 1.2389456,1.5 0.2229656,0 0.6176148,-0.207 0.6176148,-0.207 0.039391,-0.027 4.956526,-4.4929998 4.956526,-4.4929998 l -0.0022,-0.005 c 0.367894,-0.258 0.618358,-0.733 0.621331,-1.285 z"
+ id="path3" />
+ <g
+ id="g3028"
+ transform="translate(-0.57623764,-0.2440595)">
+ <path
+ id="path3030"
+ d="m 6,12 c 0,1.1 -0.9,2 -2,2 l 0,0 C 2.9,14 2,13.1 2,12 V 4 C 2,2.9 2.9,2 4,2 l 0,0 c 1.1,0 2,0.9 2,2 v 8 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/routeSwitch.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/routeSwitch.svg
new file mode 100644
index 0000000..29edc28
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/routeSwitch.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 357.97 16 16" enable-background="new 8 357.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M11.341,364.494c0.215,0.214,0.537,0.278,0.818,0.163c0.092-0.039,0.174-0.095,0.242-0.163
+ c0.139-0.138,0.22-0.327,0.22-0.53l0-1.372H18v-1.5h-5.378v-1.372c0-0.304-0.184-0.577-0.463-0.693
+ c-0.281-0.116-0.604-0.052-0.818,0.163l-2.121,2.122c-0.293,0.293-0.293,0.768,0,1.061L11.341,364.494z"/>
+<path d="M12.622,367.722c0-0.305-0.184-0.577-0.463-0.694c-0.281-0.117-0.604-0.053-0.818,0.162l-2.121,2.122
+ c-0.293,0.292-0.293,0.768,0,1.06l2.121,2.121c0.215,0.214,0.537,0.278,0.818,0.163c0.092-0.039,0.174-0.094,0.242-0.163
+ c0.139-0.138,0.22-0.327,0.22-0.53l0-1.371H18v-1.5h-5.378V367.722z"/>
+<path d="M21.781,365.312l-2.121-2.122c-0.215-0.214-0.537-0.279-0.818-0.163c-0.279,0.117-0.461,0.39-0.463,0.693l0,1.372H13v1.5
+ h5.379l0,1.371c0,0.304,0.183,0.576,0.463,0.693c0.281,0.115,0.603,0.052,0.818-0.163l2.121-2.121
+ C22.073,366.079,22.073,365.604,21.781,365.312z"/>
+<rect x="8" y="357.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowCollapsed_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowCollapsed_black_16px.svg
new file mode 100644
index 0000000..6878c86
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowCollapsed_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2437.971 16 16" enable-background="new 13 2437.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="17" y="2441.97" fill="#FFFFFF" width="7" height="7"/>
+<path d="M24.5,2440.97c-0.275,0-7.725,0-8,0s-0.5,0.225-0.5,0.5s0,7.725,0,8s0.225,0.499,0.5,0.499c0.22,0,7.78,0,8,0
+ c0.275,0,0.5-0.223,0.5-0.499s0-7.725,0-8S24.775,2440.97,24.5,2440.97z M24,2448.97h-7v-7.001h7V2448.97z"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="18" y1="2445.47" x2="23" y2="2445.47"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="20.5" y1="2447.97" x2="20.5" y2="2442.971"/>
+<rect x="13" y="2437.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowExpanded_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowExpanded_black_16px.svg
new file mode 100644
index 0000000..5e3e46a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowExpanded_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2405.971 16 16" enable-background="new 13 2405.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="17" y="2409.97" fill="#FFFFFF" width="7" height="7"/>
+<path d="M24.5,2408.971c-0.275,0-7.725,0-8,0s-0.5,0.225-0.5,0.5s0,7.725,0,8s0.225,0.499,0.5,0.499c0.22,0,7.78,0,8,0
+ c0.275,0,0.5-0.223,0.5-0.499s0-7.725,0-8S24.775,2408.971,24.5,2408.971z M24,2416.971h-7v-7.001h7V2416.971z"/>
+<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="18" y1="2413.471" x2="23" y2="2413.471"/>
+<rect x="13" y="2405.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_black_16px.svg
new file mode 100644
index 0000000..eb7541e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_black_16px.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2949.971 16 16" enable-background="new 13 2949.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M14.326,2959.089l1.508,0.801c0.099,0.053,0.208,0.08,0.319,0.08c0.063,0,0.126-0.01,0.188-0.027
+ c0.169-0.045,0.311-0.156,0.391-0.304l1.557-2.864c0.16-0.297,0.03-0.656-0.289-0.805c-0.318-0.149-0.707-0.027-0.866,0.268
+ l-1.252,2.297l-0.915-0.488c-0.309-0.164-0.705-0.063-0.882,0.223C13.909,2958.558,14.016,2958.923,14.326,2959.089z"/>
+<g>
+ <path d="M21,2959.97c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h6c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H21z"/>
+</g>
+<g>
+ <path d="M21,2964.97c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h6c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H21z"/>
+</g>
+<g>
+ <path d="M15,2964.97c-0.55,0-1-0.45-1-1v-2c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H15z"/>
+</g>
+<g>
+ <path d="M14,2951.97c0-0.55,0.45-1,1-1h12c0.55,0,1,0.45,1,1v2c0,0.55-0.45,1-1,1H15c-0.55,0-1-0.45-1-1V2951.97z"/>
+</g>
+<rect x="13" y="2949.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_white.svg
new file mode 100644
index 0000000..9f12b6f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rowView_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_rowView_white</title><path class="cls-1" d="M1.33,9.12l1.51.8a.68.68,0,0,0,.32.08l.19,0a.63.63,0,0,0,.39-.3L5.29,6.81A.58.58,0,0,0,5,6a.67.67,0,0,0-.87.27L2.88,8.57,2,8.08a.68.68,0,0,0-.88.22A.58.58,0,0,0,1.33,9.12Z" transform="translate(-1 -1)"/><path class="cls-1" d="M8,10A1,1,0,0,1,7,9V7A1,1,0,0,1,8,6h6a1,1,0,0,1,1,1V9a1,1,0,0,1-1,1Z" transform="translate(-1 -1)"/><path class="cls-1" d="M8,15a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v2a1,1,0,0,1-1,1Z" transform="translate(-1 -1)"/><path class="cls-1" d="M2,15a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H4a1,1,0,0,1,1,1v2a1,1,0,0,1-1,1Z" transform="translate(-1 -1)"/><path class="cls-1" d="M1,2A1,1,0,0,1,2,1H14a1,1,0,0,1,1,1V4a1,1,0,0,1-1,1H2A1,1,0,0,1,1,4Z" transform="translate(-1 -1)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rxi_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rxi_black_16px.svg
new file mode 100644
index 0000000..0d65685
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/rxi_black_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 261.97 16 16" enable-background="new 8 261.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M18.77,264.311l-2.216-2.121c-0.153-0.146-0.353-0.22-0.554-0.22s-0.401,0.073-0.554,0.22l-2.216,2.121
+ c-0.225,0.215-0.292,0.379-0.17,0.659c0.122,0.28,0.407,0.4,0.725,0.4H15.4v2.6H16h0.6v-2.6h1.616c0.317,0,0.602-0.12,0.725-0.4
+ C19.062,264.69,18.995,264.526,18.77,264.311z"/>
+<path d="M13.23,275.629l2.216,2.121c0.153,0.146,0.354,0.22,0.554,0.22s0.401-0.073,0.554-0.22l2.216-2.121
+ c0.225-0.215,0.292-0.379,0.17-0.659c-0.122-0.28-0.407-0.4-0.725-0.4H16.6v-2.6H16h-0.6v2.6h-1.616c-0.318,0-0.602,0.12-0.725,0.4
+ C12.938,275.25,13.006,275.414,13.23,275.629z"/>
+<path d="M10.341,267.2l-2.121,2.216C8.073,269.569,8,269.77,8,269.97s0.073,0.401,0.22,0.554l2.121,2.216
+ c0.215,0.225,0.379,0.292,0.659,0.17c0.28-0.122,0.4-0.407,0.4-0.725v-1.616H14v-0.6v-0.6h-2.6v-1.616c0-0.317-0.12-0.602-0.4-0.725
+ C10.72,266.909,10.556,266.976,10.341,267.2z"/>
+<path d="M21.659,272.74l2.121-2.216c0.146-0.153,0.22-0.354,0.22-0.554s-0.073-0.401-0.22-0.554l-2.121-2.216
+ c-0.215-0.225-0.379-0.292-0.659-0.17c-0.28,0.122-0.4,0.407-0.4,0.725v1.616H18v0.6v0.6h2.6v1.616c0,0.317,0.12,0.602,0.4,0.725
+ C21.28,273.032,21.444,272.965,21.659,272.74z"/>
+<rect x="8" y="261.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_black_16px.svg
new file mode 100644
index 0000000..a0d0122
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_black_16px.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 165.971 16 16" enable-background="new 13 165.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M25.875,166.971c0,0-7.854-0.001-8.484-0.001c-1.105,0-2.391,1.416-2.391,2.521c0,0.402,0,9.413,0,9.679
+ c0,1.104,0.791,1.801,1.896,1.801c0.129,0,7.777,0,8.18,0c1.105,0,1.924-0.696,1.924-1.801c0-0.271,0-9.199,0-9.199L25.875,166.971z
+ M25,178.766c0,0.287-0.207,0.204-0.462,0.204h-7.075c-0.255,0-0.463,0.083-0.463-0.204v-4.386c0-0.288,0.208-0.41,0.463-0.41h7.075
+ c0.255,0,0.462,0.122,0.462,0.41V178.766z M25,170.97c0,0.55-0.45,1-1,1h-2h-3h-1v-1v-1.999v-1.001h1h3h2c0.55,0,1,0.451,1,1.001
+ V170.97z"/>
+<rect x="23" y="168.97" width="1" height="2"/>
+<rect x="13" y="165.971" fill="none" width="16" height="16"/>
+<rect x="13" y="165.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_white.svg
new file mode 100644
index 0000000..704179d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/save_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 14"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_save_white</title><path class="cls-1" d="M13.11,1H4.05A2.94,2.94,0,0,0,1.5,3.49V13a2,2,0,0,0,2,2h8.74a2.15,2.15,0,0,0,2.24-2V4ZM4.57,2h7.55a.55.55,0,0,1,.57.53V5.76a.55.55,0,0,1-.57.53H4.57Zm8.37,10.64a.53.53,0,0,1-.56.51H3.56A.54.54,0,0,1,3,12.63V8.31a.54.54,0,0,1,.56-.51h8.83a.53.53,0,0,1,.56.51Z" transform="translate(-1.5 -1)"/><rect class="cls-1" x="8.53" y="1.97" width="1.07" height="1.98"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_black_16px.svg
new file mode 100644
index 0000000..1141479
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 133.971 16 16" enable-background="new 13 133.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M27.612,146.663l-3.209-3.271c-0.117-0.119-0.256-0.203-0.399-0.271c0.461-0.781,0.744-1.679,0.744-2.65
+ c0-2.894-2.354-5.249-5.248-5.249c-2.895,0-5.249,2.355-5.249,5.249s2.354,5.249,5.249,5.249c0.983,0,1.894-0.289,2.681-0.761
+ c0.06,0.112,0.115,0.226,0.209,0.322l3.208,3.271c0.274,0.28,0.641,0.42,1.007,0.42c0.348,0,0.695-0.126,0.966-0.38
+ C28.126,148.07,28.146,147.207,27.612,146.663z M15.75,140.47c0-2.067,1.682-3.749,3.749-3.749c2.067,0,3.748,1.682,3.748,3.749
+ s-1.681,3.749-3.748,3.749C17.432,144.219,15.75,142.538,15.75,140.47z"/>
+<rect x="13" y="133.97" fill="none" width="16" height="16"/>
+<rect x="13" y="133.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_white_16px.svg
new file mode 100644
index 0000000..f32eae3
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/search_white_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 -1 16 16" enable-background="new -1.5 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M5.207,10.415C2.336,10.415,0,8.079,0,5.208C0,2.336,2.336,0,5.207,0c2.87,0,5.206,2.336,5.206,5.208
+ C10.413,8.079,8.077,10.415,5.207,10.415 M5.207,1.417c-2.091,0-3.791,1.701-3.791,3.791c0,2.089,1.7,3.79,3.791,3.79
+ c2.09,0,3.789-1.701,3.789-3.79C8.996,3.118,7.297,1.417,5.207,1.417"/>
+<path fill="#FFFFFF" d="M11.543,14.382c-0.402,0-0.803-0.17-1.084-0.502l-3.092-3.655C6.861,9.627,6.937,8.733,7.533,8.227
+ c0.598-0.504,1.492-0.431,1.998,0.167l3.093,3.655c0.505,0.598,0.432,1.492-0.167,1.998C12.191,14.271,11.866,14.382,11.543,14.382"
+ />
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_black_16px.svg
new file mode 100644
index 0000000..df3080b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_black_16px.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2629.971 16 16" enable-background="new 13 2629.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<g>
+ <path d="M21.494,2630.993c1.718,0.371,4.516,1.226,5.386,2.122c0.394,0.833-0.045,5.226-1.889,8.3
+ c-1.018,1.697-2.195,2.557-3.499,2.557c-1.3,0-2.473-0.855-3.486-2.541c-1.843-3.068-2.281-7.464-1.887-8.301
+ C16.987,2632.23,19.779,2631.368,21.494,2630.993 M21.493,2629.971c0,0-4.733,0.973-6.141,2.516
+ c-1.21,1.325,0.67,12.484,6.141,12.484c5.471,0,7.372-11.174,6.154-12.501C26.237,2630.937,21.493,2629.971,21.493,2629.971
+ L21.493,2629.971z"/>
+</g>
+<g>
+ <path d="M21.493,2642.471c-0.546,0-1.118-0.386-1.698-1.146c-1.695-2.225-2.305-6.011-2.233-7.394
+ c0.733-0.441,2.365-1.024,3.934-1.396c1.569,0.369,3.205,0.946,3.941,1.385c0.07,1.386-0.545,5.173-2.24,7.398
+ C22.614,2642.084,22.041,2642.471,21.493,2642.471z"/>
+</g>
+<rect x="13" y="2629.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_white_16px.svg
new file mode 100644
index 0000000..3230ff3
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/security_white_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 -0.5 16 16" enable-background="new -1.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M6.331,1.023c1.673,0.372,4.384,1.224,5.225,2.111c0.39,0.842-0.078,5.405-1.916,8.442
+ C8.667,13.186,7.554,14,6.33,14C5.11,14,4,13.19,3.032,11.594c-1.837-3.031-2.305-7.6-1.913-8.444
+ C1.959,2.256,4.663,1.398,6.331,1.023 M6.33,0c0,0-4.614,0.974-5.987,2.517C-0.837,3.842,0.996,15,6.33,15s7.187-11.174,6-12.501
+ C10.956,0.966,6.33,0,6.33,0"/>
+<path fill="#FFFFFF" d="M6.33,12.5c-0.532,0-1.09-0.386-1.655-1.146C3.022,9.13,2.428,5.344,2.498,3.96
+ c0.715-0.441,2.306-1.023,3.835-1.396c1.53,0.369,3.125,0.947,3.843,1.385c0.068,1.387-0.532,5.173-2.184,7.399
+ C7.424,12.112,6.864,12.5,6.33,12.5"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_black_16px.svg
new file mode 100644
index 0000000..c347888
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_black_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 101.971 16 16" enable-background="new 13 101.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M28,110.97v-2h-2.101c-0.13-0.638-0.383-1.229-0.73-1.754l1.488-1.488l-1.414-1.414l-1.488,1.488
+ c-0.524-0.347-1.117-0.601-1.755-0.731v-2.101h-2v2.101c-0.638,0.129-1.23,0.383-1.754,0.731l-1.488-1.488l-1.414,1.414l1.488,1.488
+ c-0.347,0.524-0.601,1.116-0.731,1.754H14v2h2.101c0.13,0.638,0.384,1.23,0.731,1.755l-1.488,1.488l1.414,1.414l1.488-1.488
+ c0.524,0.347,1.116,0.601,1.754,0.73v2.101h2v-2.101c0.638-0.129,1.23-0.383,1.754-0.731l1.489,1.489l1.414-1.414l-1.489-1.489
+ c0.347-0.524,0.601-1.116,0.731-1.754H28z M21,112.47c-1.381,0-2.5-1.119-2.5-2.5s1.119-2.5,2.5-2.5s2.5,1.119,2.5,2.5
+ S22.381,112.47,21,112.47z"/>
+<rect x="13" y="101.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_white_16px.svg
new file mode 100644
index 0000000..e54f3ac
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/settings_white_16px.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" enable-background="new -1 -1 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M11.947,8.298c0.037-0.141,0.163-0.237,0.308-0.237H14V5.936h-1.745c-0.145,0-0.271-0.095-0.308-0.234
+ c-0.118-0.452-0.297-0.885-0.53-1.284c-0.072-0.123-0.053-0.279,0.049-0.384L12.699,2.8L11.2,1.3L9.966,2.532
+ c-0.104,0.104-0.262,0.12-0.385,0.049c-0.398-0.232-0.832-0.41-1.284-0.529C8.159,2.017,8.061,1.89,8.061,1.745V0H5.938v1.745
+ c0,0.145-0.095,0.272-0.235,0.307C5.25,2.171,4.82,2.349,4.418,2.581C4.295,2.652,4.137,2.636,4.035,2.532L2.801,1.3L1.3,2.8
+ l1.235,1.233c0.102,0.105,0.123,0.261,0.049,0.384C2.35,4.816,2.174,5.249,2.053,5.701c-0.038,0.14-0.161,0.234-0.309,0.234H0v2.125
+ h1.744c0.147,0,0.271,0.097,0.309,0.237C2.174,8.749,2.35,9.182,2.584,9.579c0.074,0.125,0.053,0.28-0.049,0.387L1.3,11.197
+ l1.501,1.502l1.234-1.233c0.102-0.104,0.26-0.122,0.383-0.05c0.402,0.232,0.832,0.41,1.284,0.53
+ c0.141,0.036,0.235,0.161,0.235,0.307v1.745h2.123v-1.745c0-0.146,0.099-0.271,0.236-0.307c0.452-0.12,0.886-0.298,1.284-0.53
+ c0.123-0.072,0.281-0.055,0.385,0.05l1.234,1.233l1.499-1.502l-1.233-1.231c-0.102-0.106-0.121-0.262-0.049-0.387
+ C11.65,9.182,11.829,8.749,11.947,8.298 M7,9.579C5.575,9.579,4.419,8.425,4.419,7c0-1.427,1.156-2.583,2.581-2.583
+ c1.427,0,2.582,1.156,2.582,2.583C9.582,8.425,8.427,9.579,7,9.579"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_black_16px.svg
new file mode 100644
index 0000000..2870097
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 69.971 16 16" enable-background="new 13 69.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<polyline fill="none" stroke="#333333" stroke-width="1.4173" stroke-miterlimit="10" points="25.5,72.971 16,77.971 25.5,82.971
+ "/>
+<path d="M28.9,72.97c0,1.65-1.328,3-2.95,3c-1.623,0-2.95-1.35-2.95-3s1.328-3,2.95-3C27.572,69.97,28.9,71.32,28.9,72.97z"/>
+<path d="M28.9,82.97c0,1.65-1.328,3-2.95,3c-1.623,0-2.95-1.35-2.95-3s1.328-3,2.95-3C27.572,79.97,28.9,81.32,28.9,82.97z"/>
+<path d="M19,77.97c0,1.65-1.35,3-3,3s-3-1.35-3-3s1.35-3,3-3S19,76.32,19,77.97z"/>
+<rect x="13" y="69.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_white.svg
new file mode 100644
index 0000000..58ca3a1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/share_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_share_white</title><path class="cls-1" d="M13,0a3,3,0,1,1-3,3,3,3,0,0,1,3-3"/><path class="cls-1" d="M13,10a3,3,0,1,1-3,3,3,3,0,0,1,3-3"/><path class="cls-1" d="M3,5A3,3,0,1,1,0,8,3,3,0,0,1,3,5"/><polygon class="cls-1" points="13.12 14.15 2.5 8 13.12 1.85 13.88 3.15 5.5 8 13.88 12.85 13.12 14.15"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_green_tick.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_green_tick.svg
new file mode 100644
index 0000000..80d291c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_green_tick.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-3 -4 16 16" enable-background="new -3 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<polyline fill="none" stroke="#86BC25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+ 1,4 4,7 9,1 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_tick.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_tick.svg
new file mode 100644
index 0000000..06c6967
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/simple_tick.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-3 -4 16 16" enable-background="new -3 -4 16 16" xml:space="preserve">
+<defs>
+</defs>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+ 1,4 4,7 9,1 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/siteManager_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/siteManager_black_16px.svg
new file mode 100644
index 0000000..2b30f35
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/siteManager_black_16px.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="165.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<line fill="none" stroke="#000" stroke-width="1.7008" stroke-linecap="round" stroke-miterlimit="10" x1="8" y1="1" x2="8" y2="4.5"/>
+<line fill="none" stroke="#000" stroke-width="1.7008" stroke-linecap="round" stroke-miterlimit="10" x1="1" y1="8" x2="4.5" y2="8"/>
+<path fill="#000" d="M5.955,12.398C4.291,11.628,3.134,9.952,3.134,8c0-2.683,2.183-4.866,4.866-4.866
+ c1.959,0,3.641,1.166,4.407,2.839c1.231-0.003,0,0,1.231-0.003C12.811,3.655,10.602,2,8,2C4.687,2,2,4.687,2,8
+ c0,2.592,1.645,4.796,3.946,5.632C5.955,12.398,5.992,12.416,5.955,12.398z"/>
+<g>
+ <g>
+ <path fill="#000" d="M14.654,12.264c0.022-0.094,0.106-0.156,0.201-0.156H16v-1.394h-1.145c-0.095,0-0.179-0.063-0.201-0.155
+ c-0.077-0.295-0.194-0.58-0.348-0.843c-0.048-0.079-0.035-0.183,0.03-0.25l0.81-0.812l-0.983-0.981l-0.81,0.808
+ c-0.066,0.068-0.172,0.08-0.252,0.033c-0.263-0.153-0.547-0.27-0.841-0.347c-0.092-0.022-0.155-0.108-0.155-0.201V6.82h-1.393
+ v1.145c0,0.093-0.062,0.179-0.156,0.201C10.262,8.244,9.98,8.36,9.715,8.514c-0.08,0.047-0.184,0.035-0.25-0.033L8.656,7.673
+ L7.672,8.654l0.81,0.812c0.067,0.067,0.083,0.171,0.032,0.25c-0.153,0.263-0.269,0.548-0.349,0.843
+ c-0.024,0.092-0.106,0.155-0.203,0.155H6.819v1.394h1.143c0.097,0,0.179,0.062,0.203,0.156c0.08,0.295,0.195,0.576,0.349,0.842
+ c0.051,0.078,0.035,0.183-0.032,0.25l-0.81,0.809l0.984,0.984l0.809-0.81c0.066-0.067,0.17-0.079,0.25-0.032
+ c0.266,0.153,0.547,0.271,0.844,0.349c0.092,0.022,0.155,0.106,0.155,0.2V16h1.392v-1.145c0-0.095,0.064-0.179,0.156-0.201
+ c0.295-0.077,0.578-0.194,0.842-0.348c0.08-0.048,0.185-0.035,0.252,0.031l0.809,0.811l0.984-0.985l-0.811-0.808
+ c-0.066-0.068-0.078-0.172-0.031-0.252C14.46,12.84,14.577,12.559,14.654,12.264z M11.408,13.104
+ c-0.934,0-1.692-0.759-1.692-1.692c0-0.937,0.759-1.695,1.692-1.695c0.938,0,1.695,0.759,1.695,1.695
+ C13.104,12.346,12.346,13.104,11.408,13.104z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/site_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/site_black_16px.svg
new file mode 100644
index 0000000..83dc8e5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/site_black_16px.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 133.97 16 16" enable-background="new 8 133.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<g>
+ <path d="M16,137.104c2.683,0,4.866,2.183,4.866,4.866s-2.183,4.866-4.866,4.866s-4.866-2.183-4.866-4.866
+ S13.317,137.104,16,137.104 M16,135.97c-3.313,0-6,2.687-6,6s2.687,6,6,6s6-2.687,6-6S19.313,135.97,16,135.97L16,135.97z"/>
+</g>
+<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="1.7008" stroke-linecap="round" stroke-miterlimit="10" x1="16" y1="134.97" x2="16" y2="138.47"/>
+<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="1.7008" stroke-linecap="round" stroke-miterlimit="10" x1="16" y1="145.47" x2="16" y2="148.97"/>
+<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="1.7008" stroke-linecap="round" stroke-miterlimit="10" x1="9" y1="141.97" x2="12.5" y2="141.97"/>
+<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="1.7008" stroke-linecap="round" stroke-miterlimit="10" x1="19.5" y1="141.97" x2="23" y2="141.97"/>
+<circle fill-rule="evenodd" clip-rule="evenodd" cx="16" cy="141.97" r="1.188"/>
+<rect x="8" y="133.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort.svg
new file mode 100644
index 0000000..5064ee8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><defs><style>.cls-1{fill:#333;}</style></defs><path class="cls-1" d="M13.77,4.6,11.55,2.24a.75.75,0,0,0-1.11,0L8.23,4.6a.88.88,0,0,0-.17.91.83.83,0,0,0,.17.26A.75.75,0,0,0,8.78,6H10v7h2V6h1.22a.78.78,0,0,0,.72-.5A.85.85,0,0,0,13.77,4.6Z" transform="translate(-2 -2)"/><path class="cls-1" d="M7.94,10.5a.78.78,0,0,0-.72-.5H6V4H4v6H2.78a.77.77,0,0,0-.72.5.86.86,0,0,0,.17.9l2.22,2.35a.75.75,0,0,0,1.11,0l2.22-2.35A.87.87,0,0,0,7.94,10.5Z" transform="translate(-2 -2)"/></svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort_white.svg
new file mode 100644
index 0000000..5dc962a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/sort_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><defs><style>.cls-1{fill:#FFF;}</style></defs><path class="cls-1" d="M13.77,4.6,11.55,2.24a.75.75,0,0,0-1.11,0L8.23,4.6a.88.88,0,0,0-.17.91.83.83,0,0,0,.17.26A.75.75,0,0,0,8.78,6H10v7h2V6h1.22a.78.78,0,0,0,.72-.5A.85.85,0,0,0,13.77,4.6Z" transform="translate(-2 -2)"/><path class="cls-1" d="M7.94,10.5a.78.78,0,0,0-.72-.5H6V4H4v6H2.78a.77.77,0,0,0-.72.5.86.86,0,0,0,.17.9l2.22,2.35a.75.75,0,0,0,1.11,0l2.22-2.35A.87.87,0,0,0,7.94,10.5Z" transform="translate(-2 -2)"/></svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_black_16px.svg
new file mode 100644
index 0000000..5262bd0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_black_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 37.971 16 16" enable-background="new 13 37.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<polygon points="23.876,47.063 28,43.97 22.764,43.97 20.966,38.97 19.192,43.97 14,43.97 18.101,47.046 16,52.97 21,49.22
+ 26,52.97 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_black_16px.svg
new file mode 100644
index 0000000..72d9696
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_black_16px.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#333333" d="M15.5,5.8c-0.1-0.2-0.3-0.3-0.5-0.3h-4.9L8.4,0.8C8.4,0.6,8.2,0.5,8,0.5c-0.2,0-0.4,0.1-0.5,0.3L5.8,5.5H1
+ c-0.2,0-0.4,0.1-0.5,0.3C0.5,6,0.5,6.3,0.7,6.4l3.8,2.9l-2,5.6c-0.1,0.2,0,0.4,0.2,0.6c0.2,0.1,0.4,0.1,0.6,0L8,11.9l4.7,3.5
+ c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.2-0.1,0.2-0.4,0.2-0.6l-2-5.6l3.8-2.9C15.5,6.3,15.5,6,15.5,5.8z M10.3,8.9l1.7,4.7
+ l-4-3l-4,3l1.7-4.7L2.5,6.5h4l1.4-4l1.4,4h4.1L10.3,8.9z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_white_16px.svg
new file mode 100644
index 0000000..28c8211
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_white_16px.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#FFFFFF" d="M15.5,5.8c-0.1-0.2-0.3-0.3-0.5-0.3h-4.9L8.4,0.8C8.4,0.6,8.2,0.5,8,0.5c-0.2,0-0.4,0.1-0.5,0.3L5.8,5.5H1
+ c-0.2,0-0.4,0.1-0.5,0.3C0.5,6,0.5,6.3,0.7,6.4l3.8,2.9l-2,5.6c-0.1,0.2,0,0.4,0.2,0.6c0.2,0.1,0.4,0.1,0.6,0L8,11.9l4.7,3.5
+ c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.2-0.1,0.2-0.4,0.2-0.6l-2-5.6l3.8-2.9C15.5,6.3,15.5,6,15.5,5.8z M10.3,8.9l1.7,4.7
+ l-4-3l-4,3l1.7-4.7L2.5,6.5h4l1.4-4l1.4,4h4.1L10.3,8.9z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_yellow_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_yellow_16px.svg
new file mode 100644
index 0000000..9b1bb57
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_outline_yellow_16px.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#FABB00" d="M15.5,5.8c-0.1-0.2-0.3-0.3-0.5-0.3h-4.9L8.4,0.8C8.4,0.6,8.2,0.5,8,0.5c-0.2,0-0.4,0.1-0.5,0.3L5.8,5.5H1
+ c-0.2,0-0.4,0.1-0.5,0.3C0.5,6,0.5,6.3,0.7,6.4l3.8,2.9l-2,5.6c-0.1,0.2,0,0.4,0.2,0.6c0.2,0.1,0.4,0.1,0.6,0L8,11.9l4.7,3.5
+ c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1c0.2-0.1,0.2-0.4,0.2-0.6l-2-5.6l3.8-2.9C15.5,6.3,15.5,6,15.5,5.8z M10.3,8.9l1.7,4.7
+ l-4-3l-4,3l1.7-4.7L2.5,6.5h4l1.4-4l1.4,4h4.1L10.3,8.9z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_white_16px.svg
new file mode 100644
index 0000000..f9739f8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 37.971 16 16" enable-background="new 13 37.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#FFFFFF" points="23.876,47.063 28,43.97 22.764,43.97 20.966,38.97 19.192,43.97 14,43.97 18.101,47.046 16,52.97 21,49.22
+ 26,52.97 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_yellow_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_yellow_16px.svg
new file mode 100644
index 0000000..e7fc9ab
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/star_yellow_16px.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#FABB00" points="10.876,9.093 15,6 9.764,6 7.966,1 6.192,6 1,6 5.101,9.076 3,15 8,11.25 13,15 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/stop_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/stop_black_16px.svg
new file mode 100644
index 0000000..7558ed5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/stop_black_16px.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <path d="M14,11c0,1.65-1.35,3-3,3H5c-1.65,0-3-1.35-3-3V5c0-1.65,1.35-3,3-3h6c1.65,0,3,1.35,3,3V11z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/subnetwork.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/subnetwork.svg
new file mode 100644
index 0000000..c08bd51
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/subnetwork.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.322 -0.001 16 16"
+ overflow="visible" enable-background="new -1.322 -0.001 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path d="M11.102,10.812l0.004-2.752c0-0.009,0.005-0.016,0.005-0.023c0-0.043-0.021-0.076-0.031-0.115
+ c-0.009-0.029-0.013-0.061-0.024-0.089c-0.025-0.056-0.057-0.099-0.098-0.143c-0.006-0.009-0.013-0.015-0.02-0.021
+ c-0.033-0.029-0.056-0.07-0.096-0.092c-0.076-0.046-0.167-0.071-0.264-0.072L7.691,7.5c0,0.001,0,0.003,0,0.003H7.127l0.004-2.317
+ C8.322,4.94,9.222,3.883,9.222,2.62C9.222,1.175,8.045,0,6.598,0C5.152,0,3.975,1.175,3.975,2.62c0,1.264,0.9,2.323,2.094,2.568
+ L6.065,7.504L2.68,7.5c-0.096,0-0.181,0.033-0.258,0.076c-0.107,0.046-0.199,0.112-0.255,0.21C2.121,7.864,2.094,7.955,2.094,8.051
+ l-0.003,2.761C0.899,11.058,0,12.115,0,13.378c0,1.445,1.177,2.621,2.624,2.621c1.447,0,2.624-1.176,2.624-2.621
+ c0-1.265-0.901-2.322-2.094-2.566l0.003-2.25l5.408,0.003c0,0,0,0,0-0.001l1.479,0.001l-0.003,2.247
+ c-1.193,0.246-2.091,1.304-2.091,2.566c0,1.445,1.177,2.621,2.623,2.621c1.447,0,2.624-1.176,2.624-2.621
+ C13.196,12.113,12.295,11.056,11.102,10.812z M5.038,2.62c0-0.859,0.698-1.557,1.56-1.557c0.86,0,1.561,0.697,1.561,1.557
+ s-0.7,1.559-1.561,1.559C5.736,4.179,5.038,3.479,5.038,2.62z M4.182,13.378c0,0.859-0.698,1.559-1.558,1.559
+ c-0.861,0-1.56-0.699-1.56-1.559s0.699-1.559,1.56-1.559C3.483,11.819,4.182,12.519,4.182,13.378z M10.572,14.937
+ c-0.861,0-1.56-0.699-1.56-1.559s0.698-1.559,1.56-1.559s1.559,0.699,1.559,1.559S11.434,14.937,10.572,14.937z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/suspend_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/suspend_black_16px.svg
new file mode 100644
index 0000000..5c04ead
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/suspend_black_16px.svg
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M22.923-8.587c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.313,0c3.125-3.123,3.125-8.189,0-11.313
+ C31.114-11.711,26.047-11.711,22.923-8.587 M32.581-3.931c0.553,0,1,0.447,1,1c0,0.276-0.11,0.526-0.293,0.707
+ c-0.183,0.181-0.433,0.292-0.707,0.292l-3.002,0.001V1.07c0.002,0.275-0.108,0.525-0.291,0.705
+ c-0.183,0.182-0.433,0.293-0.708,0.293c-0.553,0-0.999-0.447-1-1v-2.999h-2.999c-0.554-0.001-1-0.448-1-1c0-0.552,0.446-1,1-1h2.999
+ v-3c0-0.553,0.447-1,1-1c0.554,0,1.001,0.447,1.001,1L29.579-3.93L32.581-3.931z"/>
+<path fill="#B1B3B4" d="M35.438,17.073H21.725c-0.633,0-1.144,0.516-1.144,0.878v7.625c0,0.029,0.022,0.057,0.028,0.084
+ c0.304,4.143,3.75,7.413,7.972,7.413c4.221,0,7.668-3.271,7.971-7.413c0.007-0.029,0.029-0.055,0.029-0.086v-7.646
+ C36.581,17.564,36.066,17.073,35.438,17.073z"/>
+<g>
+ <g>
+ <ellipse fill="#B1B3B4" cx="40.287" cy="5.099" rx="3.705" ry="3.87"/>
+ </g>
+ <rect x="46.186" y="-2.93" fill="#B1B3B4" width="5.844" height="6.104"/>
+ <path fill="#B1B3B4" d="M52.029,3.682h-5.846c-0.27,0-0.484-0.227-0.484-0.51V-2.93c0-0.281,0.217-0.508,0.484-0.508h5.846
+ c0.271,0,0.488,0.227,0.488,0.508v6.104C52.518,3.455,52.3,3.682,52.029,3.682z M46.673,2.664h4.87v-5.085h-4.87V2.664z"/>
+ <path fill="#B1B3B4" d="M52.089,5.375h-5.899c-0.271,0-0.488,0.231-0.488,0.393v3.425c0,0.014,0.009,0.024,0.012,0.039
+ c0.131,1.86,1.613,3.33,3.432,3.33c1.813,0,3.297-1.47,3.428-3.33c0.002-0.017,0.013-0.025,0.013-0.039V5.758
+ C52.581,5.594,52.359,5.375,52.089,5.375z"/>
+</g>
+<g>
+ <g>
+ <path d="M37.771-18.239c0,0.825-0.676,1.5-1.5,1.5h-13c-0.826,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.674-1.5,1.5-1.5h13
+ c0.824,0,1.5,0.675,1.5,1.5V-18.239z"/>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" stroke-dasharray="2.5714,2.5714" cx="29.771" cy="-24.739" r="6.67"/>
+ </g>
+ <circle fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" cx="29.771" cy="-24.739" r="2.325"/>
+</g>
+<g>
+ <g>
+ <path d="M68.582-18.894c0,0.825-0.676,1.5-1.5,1.5h-13c-0.826,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.674-1.5,1.5-1.5h13
+ c0.824,0,1.5,0.675,1.5,1.5V-18.894z"/>
+ </g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M57.553-21.375c-0.182,0.184-0.479,0.184-0.662,0l-0.33-0.33c-0.184-0.183-0.184-0.48,0-0.663
+ l7.049-7.046c0.186-0.183,0.482-0.183,0.662-0.002l0.332,0.332c0.184,0.183,0.184,0.479,0,0.662L57.553-21.375z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M64.604-22.366c0.186,0.182,0.186,0.48,0,0.663l-0.332,0.33c-0.184,0.182-0.479,0.182-0.662,0
+ l-7.049-7.049c-0.184-0.183-0.184-0.481,0-0.662l0.332-0.332c0.184-0.181,0.479-0.181,0.66,0L64.604-22.366z"/>
+ </g>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" cx="60.582" cy="-25.394" r="7.16"/>
+ </g>
+</g>
+<g>
+
+ <line fill="none" stroke="#000000" stroke-width="2.2" stroke-linecap="round" stroke-miterlimit="10" x1="11.438" y1="8" x2="4.578" y2="8"/>
+</g>
+<g>
+ <g>
+ <path d="M-2.615-17.571c0,0.275-0.225,0.5-0.5,0.5H-7.5c-0.275,0-0.5-0.225-0.5-0.5v-14.243c0-0.275,0.225-0.5,0.5-0.5h4.385
+ c0.275,0,0.5,0.225,0.5,0.5V-17.571z"/>
+ </g>
+ <path d="M1.615-32.739"/>
+ <g>
+ <path d="M0.09-31.896c0-0.413,0.238-0.511,0.529-0.218l6.852,6.89c0.291,0.292,0.291,0.771,0,1.063l-6.852,6.89
+ c-0.291,0.293-0.529,0.194-0.529-0.218V-31.896z"/>
+ </g>
+</g>
+<g>
+ <circle fill="#31BADD" cx="-31.451" cy="-18.069" r="8"/>
+ <path fill="#FFFFFF" d="M-30.474-21.87c-0.271,0.25-0.596,0.375-0.975,0.375c-0.377,0-0.703-0.125-0.976-0.375
+ c-0.271-0.25-0.405-0.554-0.405-0.908s0.137-0.66,0.405-0.912c0.272-0.252,0.599-0.379,0.976-0.379
+ c0.379,0,0.703,0.127,0.975,0.379c0.268,0.252,0.402,0.558,0.402,0.912S-30.207-22.12-30.474-21.87z"/>
+ <path fill="#FFFFFF" d="M-30.289-19.925c-0.094-0.084-0.224-0.131-0.343-0.19c-0.264-0.127-0.561-0.216-0.946-0.216
+ c-0.309,0-0.635,0.057-0.981,0.166c-0.055,0.019-0.118,0.046-0.172,0.063c-0.064,0.142-0.103,0.3-0.103,0.466
+ c0,0.11,0.034,0.213,0.063,0.313c0.205,0.018,0.367,0.057,0.453,0.138c0.104,0.103,0.162,0.285,0.162,0.548
+ c0,0.014-0.006,0.03-0.006,0.045c-0.003,0.135-0.016,0.277-0.048,0.437c-0.035,0.174-0.078,0.36-0.131,0.558l-0.58,2.048
+ c-0.051,0.215-0.088,0.407-0.11,0.578c-0.022,0.172-0.035,0.338-0.035,0.502c0,0.422,0.155,0.769,0.467,1.041
+ c0.182,0.159,0.416,0.258,0.682,0.325c0.189,0.048,0.393,0.086,0.626,0.086c0.224,0,0.425-0.024,0.614-0.06
+ c0.322-0.202,0.547-0.543,0.553-0.948c-0.188-0.019-0.345-0.056-0.436-0.129c-0.121-0.099-0.18-0.282-0.18-0.554
+ c0-0.078,0.012-0.19,0.029-0.318c0.008-0.053,0.014-0.1,0.023-0.159c0.035-0.21,0.078-0.397,0.125-0.562l0.58-2.042
+ c0.057-0.188,0.096-0.394,0.117-0.616c0.02-0.226,0.029-0.382,0.029-0.472C-29.833-19.306-29.988-19.657-30.289-19.925z"/>
+</g>
+<g>
+ <g>
+ <path d="M-33.049,19.715c-0.068,0.068-0.15,0.123-0.242,0.162c-0.281,0.115-0.604,0.051-0.818-0.162l-2.121-2.121
+ c-0.293-0.293-0.293-0.769,0-1.061l2.121-2.122c0.215-0.216,0.537-0.279,0.818-0.163c0.279,0.117,0.463,0.391,0.463,0.693v4.242
+ C-32.828,19.387-32.91,19.576-33.049,19.715z M-34.639,17.063l0.311,0.313v-0.621L-34.639,17.063z"/>
+ </g>
+ <g>
+ <path d="M-35.346,16.313c-0.138,0-0.25,0.112-0.25,0.25v1c0,0.14,0.112,0.25,0.25,0.25h7.646c0.138,0,0.25-0.11,0.25-0.25v-1
+ c0-0.138-0.112-0.25-0.25-0.25H-35.346z"/>
+ </g>
+ <g>
+ <path d="M-26.67,24.593l-2.121,2.121c-0.215,0.216-0.537,0.278-0.816,0.163c-0.281-0.117-0.463-0.391-0.463-0.693l-0.002-4.242
+ c0.002-0.303,0.184-0.575,0.463-0.691c0.281-0.116,0.604-0.052,0.818,0.162l2.121,2.122C-26.377,23.824-26.377,24.3-26.67,24.593z
+ "/>
+ </g>
+ <g>
+ <path d="M-35.449,24.563c0,0.14,0.112,0.25,0.25,0.25h7.646c0.138,0,0.25-0.11,0.25-0.25v-1c0-0.138-0.112-0.25-0.25-0.25h-7.646
+ c-0.138,0-0.25,0.112-0.25,0.25V24.563z"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M-34.664,37.307c-0.068,0.067-0.15,0.123-0.242,0.161c-0.281,0.115-0.604,0.052-0.818-0.161l-2.121-2.121
+ c-0.293-0.293-0.293-0.77,0-1.062l2.121-2.122c0.215-0.215,0.537-0.279,0.818-0.163c0.279,0.117,0.463,0.39,0.463,0.693v4.241
+ C-34.443,36.979-34.525,37.167-34.664,37.307z M-36.254,34.652l0.311,0.312v-0.621L-36.254,34.652z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M-36.961,33.902c-0.138,0-0.25,0.113-0.25,0.25v1c0,0.139,0.112,0.25,0.25,0.25h7.646
+ c0.138,0,0.25-0.111,0.25-0.25v-1c0-0.137-0.112-0.25-0.25-0.25H-36.961z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M-28.285,42.184l-2.121,2.121c-0.215,0.215-0.537,0.278-0.816,0.163c-0.281-0.116-0.463-0.39-0.463-0.692
+ l-0.002-4.241c0.002-0.306,0.184-0.577,0.463-0.693c0.281-0.114,0.604-0.052,0.818,0.162l2.121,2.122
+ C-27.992,41.415-27.992,41.891-28.285,42.184z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M-37.064,42.152c0,0.139,0.112,0.25,0.25,0.25h7.646c0.138,0,0.25-0.111,0.25-0.25v-1
+ c0-0.137-0.112-0.25-0.25-0.25h-7.646c-0.138,0-0.25,0.113-0.25,0.25V42.152z"/>
+ </g>
+</g>
+<g>
+ <path d="M-56.119,0.351c0,3.18-2.32,5.758-5.185,5.758c-2.742,0-4.986-2.362-5.174-5.353c-0.008-0.133-0.013-0.268-0.013-0.405
+ c0-3.18,2.321-5.758,5.187-5.758C-58.441-5.406-56.119-2.828-56.119,0.351z M-53.305,7.725h-16l1.838-3.293l1.232-5.874
+ l9.878,0.069l1.243,5.831L-53.305,7.725z"/>
+ <ellipse cx="-61.306" cy="-4.992" rx="1.403" ry="1.311"/>
+ <path d="M-61.306,6.428c1.405,0,2.546,0.586,2.546,1.31c0,0.723-1.141,1.962-2.546,1.962c-1.406,0-2.546-1.24-2.546-1.963
+ S-62.713,6.428-61.306,6.428z"/>
+</g>
+<path id="checkmark" display="none" fill="#FFFFFF" d="M7.192,11.793c-0.213,0-0.419-0.085-0.57-0.236l-2.42-2.41
+ c-0.315-0.313-0.315-0.821,0-1.137c0.315-0.314,0.825-0.313,1.141,0l1.796,1.789l3.468-4.146c0.283-0.341,0.793-0.387,1.137-0.102
+ c0.342,0.283,0.388,0.79,0.104,1.131l-4.034,4.822c-0.146,0.173-0.356,0.277-0.583,0.288C7.216,11.793,7.204,11.793,7.192,11.793z"
+ />
+<g id="lines">
+
+ <line fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-miterlimit="24" x1="-64.926" y1="0.332" x2="-63.452" y2="4.736"/>
+
+ <line fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-miterlimit="24" x1="-61.328" y1="-0.365" x2="-61.328" y2="4.559"/>
+
+ <line fill="none" stroke="#FFFFFF" stroke-width="1.8" stroke-linecap="round" stroke-miterlimit="24" x1="-57.684" y1="0.332" x2="-59.156" y2="4.736"/>
+</g>
+<g>
+ <path d="M8,2.5c3.032,0,5.5,2.467,5.5,5.5c0,3.032-2.468,5.5-5.5,5.5c-3.033,0-5.5-2.468-5.5-5.5C2.5,4.967,4.967,2.5,8,2.5 M8,0.5
+ C3.857,0.5,0.5,3.858,0.5,8c0,4.143,3.357,7.5,7.5,7.5s7.5-3.357,7.5-7.5C15.5,3.858,12.143,0.5,8,0.5L8,0.5z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switch.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switch.svg
new file mode 100644
index 0000000..cb697ea
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switch.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1 16 16" overflow="visible" enable-background="new -1 -1 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<path d="M0.75,4.5c-0.097,0-0.194-0.019-0.287-0.056C0.183,4.328,0,4.054,0,3.75v-3C0,0.337,0.336,0,0.75,0h3
+ c0.304,0,0.577,0.184,0.693,0.464C4.559,0.744,4.495,1.066,4.28,1.28l-3,3C1.137,4.425,0.945,4.5,0.75,4.5 M1.5,1.5v0.439L1.939,1.5
+ H1.5z"/>
+<path d="M13.25,4.5c-0.195,0-0.387-0.075-0.53-0.22l-3-3C9.505,1.066,9.441,0.744,9.557,0.464C9.673,0.184,9.946,0,10.25,0h3
+ C13.664,0,14,0.337,14,0.75v3c0,0.304-0.183,0.578-0.463,0.694C13.444,4.481,13.347,4.5,13.25,4.5 M12.061,1.5L12.5,1.939V1.5
+ H12.061z"/>
+<path d="M13.25,14h-3c-0.304,0-0.577-0.182-0.693-0.463c-0.115-0.279-0.052-0.602,0.163-0.816l3-3
+ c0.215-0.214,0.537-0.279,0.817-0.162C13.816,9.674,14,9.946,14,10.25v3C14,13.664,13.664,14,13.25,14"/>
+<path d="M3.75,14h-3C0.336,14,0,13.664,0,13.25v-3c0-0.304,0.183-0.576,0.463-0.691c0.28-0.117,0.602-0.052,0.817,0.162l3,3
+ c0.215,0.215,0.278,0.537,0.163,0.816C4.327,13.818,4.054,14,3.75,14 M1.5,12.5h0.439L1.5,12.062V12.5z"/>
+<rect x="2.455" y="-0.162" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.3279 3.2048)" width="1.5" height="6.735"/>
+<rect x="10.045" y="-0.163" transform="matrix(0.7068 0.7074 -0.7074 0.7068 5.433 -6.6972)" width="1.501" height="6.736"/>
+<rect x="7.428" y="10.046" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 10.7951 26.0633)" width="6.735" height="1.501"/>
+<rect x="2.454" y="7.428" transform="matrix(-0.7068 -0.7074 0.7074 -0.7068 -2.1678 20.6933)" width="1.501" height="6.735"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_black_16px.svg
new file mode 100644
index 0000000..a5eddea
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_black_16px.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>switchBetween_black_16px</title><path class="cls-1" d="M13,4H7V1L2,4A.68.68,0,0,0,2,5L7,8V5h6Z"/><path class="cls-1" d="M14,11,9,8v3H3v1H9v3l5-3A.68.68,0,0,0,14,11Z"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_white_16px.svg
new file mode 100644
index 0000000..90ad7be
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchBetween_white_16px.svg
@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path d="M22.923-8.587c-3.123,3.124-3.123,8.19,0,11.313c3.124,3.125,8.191,3.125,11.314,0c3.125-3.123,3.125-8.189,0-11.313
+ C31.114-11.711,26.047-11.711,22.923-8.587 M32.581-3.931c0.553,0,1,0.447,1,1c0,0.276-0.111,0.526-0.293,0.707
+ s-0.432,0.292-0.707,0.292l-3.002,0.001V1.07c0.002,0.275-0.109,0.525-0.291,0.705c-0.182,0.182-0.432,0.293-0.708,0.293
+ c-0.552,0-0.999-0.447-1-1v-2.999h-2.999c-0.553-0.001-1-0.448-1-1c0-0.552,0.447-1,1-1h2.999v-3c0-0.553,0.447-1,1-1
+ c0.554,0,1.001,0.447,1.001,1L29.579-3.93L32.581-3.931z"/>
+<path fill="#B1B3B4" d="M35.438,17.073H21.724c-0.632,0-1.143,0.516-1.143,0.878v7.625c0,0.029,0.023,0.057,0.029,0.084
+ c0.303,4.143,3.75,7.413,7.971,7.413s7.668-3.271,7.971-7.413c0.006-0.029,0.029-0.055,0.029-0.086v-7.646
+ C36.581,17.564,36.067,17.073,35.438,17.073z"/>
+<g>
+ <g>
+ <ellipse fill="#B1B3B4" cx="40.287" cy="5.099" rx="3.705" ry="3.87"/>
+ </g>
+ <rect x="46.185" y="-2.93" fill="#B1B3B4" width="5.845" height="6.104"/>
+ <path fill="#B1B3B4" d="M52.029,3.682h-5.845c-0.269,0-0.485-0.227-0.485-0.51V-2.93c0-0.281,0.217-0.508,0.485-0.508h5.845
+ c0.271,0,0.488,0.227,0.488,0.508v6.104C52.518,3.455,52.3,3.682,52.029,3.682z M46.673,2.664h4.87v-5.085h-4.87V2.664z"/>
+ <path fill="#B1B3B4" d="M52.089,5.375h-5.899c-0.271,0-0.49,0.231-0.49,0.393v3.426c0,0.013,0.009,0.025,0.012,0.038
+ c0.131,1.862,1.613,3.331,3.43,3.331c1.814,0,3.298-1.469,3.428-3.331c0.002-0.015,0.013-0.025,0.013-0.038V5.758
+ C52.581,5.594,52.359,5.375,52.089,5.375z"/>
+</g>
+<g>
+ <g>
+ <path d="M37.771-18.239c0,0.825-0.675,1.5-1.5,1.5h-13c-0.825,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.675-1.5,1.5-1.5h13
+ c0.825,0,1.5,0.675,1.5,1.5V-18.239z"/>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" stroke-dasharray="2.5714,2.5714" cx="29.772" cy="-24.739" r="6.67"/>
+ </g>
+ <circle fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" cx="29.771" cy="-24.739" r="2.325"/>
+</g>
+<g>
+ <g>
+ <path d="M68.582-18.894c0,0.825-0.676,1.5-1.5,1.5h-13c-0.826,0-1.5-0.675-1.5-1.5v-13c0-0.825,0.674-1.5,1.5-1.5h13
+ c0.824,0,1.5,0.675,1.5,1.5V-18.894z"/>
+ </g>
+ <g>
+ <g>
+ <path fill="#FFFFFF" d="M57.553-21.375c-0.182,0.184-0.479,0.184-0.662,0l-0.33-0.33c-0.184-0.183-0.184-0.48,0-0.663
+ l7.049-7.046c0.184-0.183,0.482-0.183,0.662-0.002l0.332,0.332c0.182,0.183,0.182,0.479,0,0.662L57.553-21.375z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M64.604-22.366c0.184,0.182,0.184,0.48,0,0.663l-0.332,0.33c-0.184,0.182-0.48,0.182-0.662,0
+ l-7.049-7.049c-0.184-0.183-0.184-0.481,0-0.662l0.332-0.332c0.182-0.181,0.479-0.181,0.66,0L64.604-22.366z"/>
+ </g>
+ </g>
+ <g>
+
+ <circle fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" cx="60.582" cy="-25.394" r="7.16"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M68.582,27.463c-3.805,0-6.9-3.096-6.9-6.9s3.096-6.9,6.9-6.9s6.9,3.096,6.9,6.9
+ S72.387,27.463,68.582,27.463z"/>
+ <path d="M68.582,14.763c3.198,0,5.8,2.602,5.8,5.8s-2.602,5.8-5.8,5.8s-5.8-2.602-5.8-5.8S65.384,14.763,68.582,14.763
+ M68.582,12.563c-4.418,0-8,3.581-8,8s3.582,8,8,8c4.419,0,8-3.581,8-8S73.001,12.563,68.582,12.563L68.582,12.563z"/>
+ </g>
+ <g>
+
+ <line fill="#FFFFFF" stroke="#000000" stroke-width="2.2" stroke-linecap="round" stroke-miterlimit="10" x1="72.02" y1="20.563" x2="65.146" y2="20.563"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path d="M-2.615-17.571c0,0.275-0.225,0.5-0.5,0.5H-7.5c-0.275,0-0.5-0.225-0.5-0.5v-14.243c0-0.275,0.225-0.5,0.5-0.5h4.385
+ c0.275,0,0.5,0.225,0.5,0.5V-17.571z"/>
+ </g>
+ <path d="M1.615-32.739"/>
+ <g>
+ <path d="M0.09-31.896c0-0.413,0.238-0.511,0.529-0.218l6.852,6.89c0.291,0.292,0.291,0.771,0,1.063l-6.852,6.89
+ c-0.291,0.293-0.529,0.194-0.529-0.218V-31.896z"/>
+ </g>
+</g>
+<g>
+ <circle fill="#31BADD" cx="-31.451" cy="-18.069" r="8"/>
+ <path fill="#FFFFFF" d="M-30.474-21.87c-0.271,0.25-0.596,0.375-0.975,0.375c-0.377,0-0.703-0.125-0.976-0.375
+ c-0.271-0.25-0.405-0.554-0.405-0.908s0.137-0.66,0.405-0.912c0.272-0.252,0.599-0.379,0.976-0.379
+ c0.379,0,0.703,0.127,0.975,0.379c0.268,0.252,0.402,0.558,0.402,0.912S-30.207-22.12-30.474-21.87z"/>
+ <path fill="#FFFFFF" d="M-30.289-19.925c-0.094-0.084-0.224-0.131-0.343-0.19c-0.264-0.127-0.561-0.216-0.946-0.216
+ c-0.309,0-0.635,0.057-0.981,0.166c-0.055,0.019-0.118,0.046-0.172,0.063c-0.064,0.142-0.103,0.3-0.103,0.466
+ c0,0.11,0.034,0.213,0.063,0.313c0.205,0.018,0.367,0.057,0.453,0.138c0.104,0.103,0.162,0.285,0.162,0.548
+ c0,0.014-0.006,0.03-0.006,0.045c-0.003,0.135-0.016,0.277-0.048,0.437c-0.035,0.174-0.078,0.36-0.131,0.558l-0.58,2.048
+ c-0.051,0.215-0.088,0.407-0.11,0.578c-0.022,0.172-0.035,0.338-0.035,0.502c0,0.422,0.155,0.769,0.467,1.041
+ c0.182,0.159,0.416,0.258,0.682,0.325c0.189,0.048,0.393,0.086,0.626,0.086c0.224,0,0.425-0.024,0.614-0.06
+ c0.322-0.202,0.547-0.543,0.553-0.948c-0.188-0.019-0.345-0.056-0.436-0.129c-0.121-0.099-0.18-0.282-0.18-0.554
+ c0-0.078,0.012-0.19,0.029-0.318c0.008-0.053,0.014-0.1,0.023-0.159c0.035-0.21,0.078-0.397,0.125-0.562l0.58-2.042
+ c0.057-0.188,0.096-0.394,0.117-0.616c0.02-0.226,0.029-0.382,0.029-0.472C-29.833-19.306-29.988-19.657-30.289-19.925z"/>
+</g>
+<g>
+ <g>
+ <path d="M46.984,21.523c-0.068,0.068-0.15,0.123-0.242,0.162c-0.281,0.115-0.604,0.051-0.818-0.162l-2.121-2.121
+ c-0.293-0.293-0.293-0.768,0-1.061l2.121-2.121c0.215-0.215,0.537-0.279,0.818-0.164c0.279,0.117,0.463,0.391,0.463,0.693v4.242
+ C47.205,21.195,47.123,21.385,46.984,21.523z M45.395,18.871l0.311,0.311v-0.621L45.395,18.871z"/>
+ </g>
+ <g>
+ <path d="M44.688,18.121c-0.138,0-0.25,0.113-0.25,0.25v1c0,0.139,0.112,0.25,0.25,0.25h7.647c0.138,0,0.25-0.111,0.25-0.25v-1
+ c0-0.137-0.112-0.25-0.25-0.25H44.688z"/>
+ </g>
+ <g>
+ <path d="M53.364,26.402l-2.121,2.121c-0.215,0.215-0.537,0.277-0.816,0.162c-0.281-0.117-0.463-0.389-0.463-0.693l-0.002-4.242
+ c0.002-0.303,0.184-0.576,0.463-0.693c0.281-0.115,0.604-0.051,0.818,0.162l2.121,2.123
+ C53.657,25.633,53.657,26.109,53.364,26.402z"/>
+ </g>
+ <g>
+ <path d="M44.584,26.371c0,0.138,0.112,0.25,0.25,0.25h7.647c0.138,0,0.25-0.112,0.25-0.25v-1c0-0.138-0.112-0.25-0.25-0.25h-7.647
+ c-0.138,0-0.25,0.112-0.25,0.25V26.371z"/>
+ </g>
+</g>
+<g>
+ <g>
+ <path fill="#FFFFFF" d="M6.401,7.152c-0.068,0.068-0.15,0.123-0.242,0.162C5.878,7.43,5.556,7.365,5.341,7.152L3.22,5.031
+ c-0.293-0.293-0.293-0.769,0-1.061l2.121-2.122c0.215-0.215,0.537-0.279,0.818-0.163c0.279,0.117,0.463,0.39,0.463,0.693v4.242
+ C6.622,6.824,6.54,7.014,6.401,7.152z M4.812,4.5l0.311,0.311V4.189L4.812,4.5z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M4.104,3.75c-0.138,0-0.25,0.112-0.25,0.25v1c0,0.138,0.112,0.25,0.25,0.25h7.646
+ c0.138,0,0.25-0.112,0.25-0.25V4c0-0.138-0.112-0.25-0.25-0.25H4.104z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M12.78,12.03l-2.121,2.121c-0.215,0.215-0.537,0.278-0.816,0.163c-0.281-0.117-0.463-0.39-0.463-0.693
+ L9.378,9.379C9.38,9.075,9.562,8.802,9.841,8.686c0.281-0.116,0.604-0.052,0.818,0.162l2.121,2.122
+ C13.073,11.262,13.073,11.737,12.78,12.03z"/>
+ </g>
+ <g>
+ <path fill="#FFFFFF" d="M4.001,12c0,0.138,0.112,0.25,0.25,0.25h7.646c0.138,0,0.25-0.112,0.25-0.25v-1
+ c0-0.138-0.112-0.25-0.25-0.25H4.251c-0.138,0-0.25,0.112-0.25,0.25V12z"/>
+ </g>
+</g>
+<g>
+ <path d="M-20.475-1.225c0,3.18-2.322,5.758-5.185,5.758c-2.742,0-4.986-2.362-5.174-5.353c-0.008-0.134-0.013-0.269-0.013-0.405
+ c0-3.18,2.321-5.758,5.187-5.758C-22.797-6.983-20.475-4.405-20.475-1.225z"/>
+ <polygon points="-19.254,6.813 -32.066,6.813 -30.847,-1.854 -20.475,-1.854 "/>
+ <ellipse cx="-25.661" cy="-6.569" rx="1.403" ry="1.311"/>
+ <ellipse cx="-25.661" cy="6.813" rx="2.546" ry="1.309"/>
+</g>
+<g>
+ <path d="M1.019-8.453c0,3.18-2.321,5.758-5.186,5.758c-2.741,0-4.985-2.362-5.173-5.353c-0.008-0.134-0.013-0.269-0.013-0.405
+ c0-3.18,2.321-5.758,5.186-5.758S1.019-11.633,1.019-8.453z"/>
+ <polygon points="2.239,-0.414 -10.573,-0.414 -9.353,-9.082 1.019,-9.082 "/>
+ <ellipse cx="-4.167" cy="-13.797" rx="1.403" ry="1.311"/>
+ <ellipse cx="-4.167" cy="-0.414" rx="2.546" ry="1.309"/>
+ <path fill="#FFFFFF" d="M-4.612-2.695c-0.213,0-0.419-0.085-0.57-0.236l-2.42-2.41c-0.315-0.314-0.315-0.823,0-1.137
+ s0.825-0.313,1.141,0l1.796,1.789l3.468-4.146c0.285-0.341,0.794-0.387,1.137-0.102c0.342,0.283,0.388,0.79,0.103,1.131
+ l-4.033,4.822c-0.146,0.173-0.356,0.278-0.583,0.288C-4.588-2.695-4.6-2.695-4.612-2.695z"/>
+</g>
+<g>
+ <g>
+ <path d="M14.779-11.072c0,3.18-2.321,5.758-5.186,5.758c-2.741,0-4.985-2.362-5.173-5.353c-0.008-0.134-0.013-0.269-0.013-0.405
+ c0-3.18,2.321-5.758,5.186-5.758S14.779-14.252,14.779-11.072z"/>
+ <polygon points="16,-3.033 3.188,-3.033 4.408,-11.701 14.779,-11.701 "/>
+ <ellipse cx="9.594" cy="-16.416" rx="1.403" ry="1.311"/>
+ <ellipse cx="9.594" cy="-3.033" rx="2.546" ry="1.309"/>
+ </g>
+
+ <line fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="24" x1="5.996" y1="-11.189" x2="7.47" y2="-6.048"/>
+
+ <line fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="24" x1="9.594" y1="-12.005" x2="9.594" y2="-6.256"/>
+
+ <line fill="#FFFFFF" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="bevel" stroke-miterlimit="24" x1="13.238" y1="-11.189" x2="11.765" y2="-6.048"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchFunction_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchFunction_black_16px.svg
new file mode 100644
index 0000000..37135c1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/switchFunction_black_16px.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<rect x="8" y="389.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<g>
+ <g>
+ <path d="M14.654,12.264c0.022-0.094,0.106-0.156,0.201-0.156H16v-1.394h-1.145c-0.095,0-0.179-0.063-0.201-0.155
+ c-0.077-0.295-0.194-0.58-0.348-0.843c-0.048-0.079-0.035-0.183,0.03-0.25l0.81-0.812l-0.983-0.981l-0.81,0.808
+ c-0.066,0.068-0.172,0.08-0.252,0.033c-0.263-0.153-0.547-0.27-0.841-0.347c-0.092-0.022-0.155-0.108-0.155-0.201V6.82h-1.393
+ v1.145c0,0.093-0.062,0.179-0.156,0.201C10.262,8.244,9.98,8.36,9.715,8.514c-0.08,0.047-0.184,0.035-0.25-0.033L8.656,7.673
+ L7.672,8.654l0.81,0.812c0.067,0.067,0.083,0.171,0.032,0.25c-0.153,0.263-0.269,0.548-0.349,0.843
+ c-0.024,0.092-0.106,0.155-0.203,0.155H6.819v1.394h1.143c0.097,0,0.179,0.062,0.203,0.156c0.08,0.295,0.195,0.576,0.349,0.842
+ c0.051,0.078,0.035,0.183-0.032,0.25l-0.81,0.809l0.984,0.984l0.809-0.81c0.066-0.067,0.17-0.079,0.25-0.032
+ c0.266,0.153,0.547,0.271,0.844,0.349c0.092,0.022,0.155,0.106,0.155,0.2V16h1.392v-1.145c0-0.095,0.064-0.179,0.156-0.201
+ c0.295-0.077,0.578-0.194,0.842-0.348c0.08-0.048,0.185-0.035,0.252,0.031l0.809,0.811l0.984-0.985l-0.811-0.808
+ c-0.066-0.068-0.078-0.172-0.031-0.252C14.46,12.84,14.577,12.559,14.654,12.264z M11.408,13.104
+ c-0.934,0-1.692-0.759-1.692-1.692c0-0.937,0.759-1.695,1.692-1.695c0.938,0,1.695,0.759,1.695,1.695
+ C13.104,12.346,12.346,13.104,11.408,13.104z"/>
+ </g>
+</g>
+<g>
+ <path d="M2.341,6.652C2.556,6.866,2.878,6.93,3.159,6.815C3.251,6.776,3.333,6.72,3.401,6.652
+ c0.139-0.138,0.22-0.327,0.22-0.53V4.75H9v-1.5H3.622V1.878c0-0.304-0.184-0.577-0.463-0.693C2.878,1.069,2.556,1.134,2.341,1.349
+ L0.22,3.47c-0.293,0.292-0.293,0.768,0,1.062L2.341,6.652z"/>
+ <path d="M5.917,11.251H3.622V9.88c0-0.305-0.184-0.577-0.463-0.692C2.878,9.068,2.556,9.134,2.341,9.35L0.22,11.471
+ c-0.293,0.293-0.293,0.769,0,1.062l2.121,2.12c0.215,0.215,0.537,0.279,0.818,0.164c0.092-0.039,0.174-0.096,0.242-0.164
+ c0.139-0.137,0.22-0.326,0.22-0.529v-1.371H6.08c-0.108-0.43-0.171-0.877-0.171-1.341C5.909,11.355,5.916,11.305,5.917,11.251z"/>
+ <path d="M7.818,7.25H4v1.5h2.597C6.913,8.18,7.329,7.673,7.818,7.25z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_black_16px.svg
new file mode 100644
index 0000000..93d2b52
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_black_16px.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15"><defs><style>.cls-1{fill:#333;}</style></defs><title>tableView</title><path class="cls-1" d="M15.38,8H.62A.57.57,0,0,1,0,7.5.57.57,0,0,1,.62,7H15.38a.57.57,0,0,1,.62.5.57.57,0,0,1-.62.5" transform="translate(0 -1)"/><path class="cls-1" d="M15.38,12H.62A.57.57,0,0,1,0,11.5.57.57,0,0,1,.62,11H15.38a.57.57,0,0,1,.62.5.57.57,0,0,1-.62.5" transform="translate(0 -1)"/><path class="cls-1" d="M15.38,16H.62a.51.51,0,1,1,0-1H15.38a.51.51,0,1,1,0,1" transform="translate(0 -1)"/><path class="cls-1" d="M10,15.38V2.62A.57.57,0,0,1,10.5,2a.57.57,0,0,1,.5.62V15.38a.57.57,0,0,1-.5.62.57.57,0,0,1-.5-.62" transform="translate(0 -1)"/><path class="cls-1" d="M5,15.38V2.62A.57.57,0,0,1,5.5,2a.57.57,0,0,1,.5.62V15.38a.57.57,0,0,1-.5.62.57.57,0,0,1-.5-.62" transform="translate(0 -1)"/><path class="cls-1" d="M0,15.38V2.62A.57.57,0,0,1,.5,2a.57.57,0,0,1,.5.62V15.38A.57.57,0,0,1,.5,16a.57.57,0,0,1-.5-.62" transform="translate(0 -1)"/><path class="cls-1" d="M15,15.38V2.62a.51.51,0,1,1,1,0V15.38a.51.51,0,1,1-1,0" transform="translate(0 -1)"/><rect class="cls-1" width="16" height="3.22" rx="1" ry="1"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_white_16px.svg
new file mode 100644
index 0000000..e2d5782
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tableView_white_16px.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.01 15.01"><defs><style>.cls-1{fill:#fff;}</style></defs><title>tableViewWhite</title><path class="cls-1" d="M15.38,7H.62A.57.57,0,0,1,0,6.5.57.57,0,0,1,.62,6H15.38a.57.57,0,0,1,.62.5.57.57,0,0,1-.62.5" transform="translate(0)"/><path class="cls-1" d="M15.38,11H.62A.57.57,0,0,1,0,10.5.57.57,0,0,1,.62,10H15.38a.57.57,0,0,1,.62.5.57.57,0,0,1-.62.5" transform="translate(0)"/><path class="cls-1" d="M15.38,15H.62a.51.51,0,1,1,0-1H15.38a.51.51,0,1,1,0,1" transform="translate(0)"/><path class="cls-1" d="M10,14.38V1.62A.57.57,0,0,1,10.5,1a.57.57,0,0,1,.5.62V14.38a.57.57,0,0,1-.5.62.57.57,0,0,1-.5-.62" transform="translate(0)"/><path class="cls-1" d="M5,14.38V1.62A.57.57,0,0,1,5.5,1a.57.57,0,0,1,.5.62V14.38a.57.57,0,0,1-.5.62.57.57,0,0,1-.5-.62" transform="translate(0)"/><path class="cls-1" d="M0,14.38V1.62A.57.57,0,0,1,.5,1a.57.57,0,0,1,.5.62V14.38A.57.57,0,0,1,.5,15a.57.57,0,0,1-.5-.62" transform="translate(0)"/><path class="cls-1" d="M15,14.38V1.62a.51.51,0,1,1,1,0V14.38a.51.51,0,1,1-1,0" transform="translate(0)"/><rect class="cls-1" width="16" height="3.22" rx="1" ry="1"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/technicianPresent_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/technicianPresent_16px.svg
new file mode 100644
index 0000000..35a2220
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/technicianPresent_16px.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 773.97 16 16" enable-background="new 8 773.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path fill="#F08A00" d="M21,774.97H11c-1.1,0-2,0.9-2,2v10c0,1.099,0.9,2,2,2h10c1.1,0,2-0.901,2-2v-10
+ C23,775.871,22.1,774.97,21,774.97z"/>
+<path fill="#FFFFFF" d="M17,782.27c0,0.385-0.315,0.7-0.7,0.7h-0.6c-0.385,0-0.7-0.315-0.7-0.7v-4.6c0-0.385,0.315-0.7,0.7-0.7h0.6
+ c0.385,0,0.7,0.315,0.7,0.7V782.27z"/>
+<path fill="#FFFFFF" d="M17,786.27c0,0.385-0.315,0.7-0.7,0.7h-0.6c-0.385,0-0.7-0.315-0.7-0.7v-0.6c0-0.385,0.315-0.7,0.7-0.7h0.6
+ c0.385,0,0.7,0.315,0.7,0.7V786.27z"/>
+<rect x="8" y="773.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/terminal_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/terminal_black_16px.svg
new file mode 100644
index 0000000..746df69
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/terminal_black_16px.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="2981.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M11-0.03H5c-0.55,0-2,1.45-2,2v12C3,14.52,4.45,16,5,16h6c0.55,0,2-1.48,2-2.03v-12C13,1.42,11.55-0.03,11-0.03z M11,11.97
+ H5v-10h6V11.97z"/>
+<circle fill="#FFFFFF" cx="8" cy="13.471" r="1"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_16px.svg
new file mode 100644
index 0000000..ca1a0c7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 421.971 16 16" enable-background="new 13 421.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M21,421.97c-4.418,0-8,3.582-8,8c0,4.418,3.582,8,8,8s8-3.582,8-8C29,425.552,25.418,421.97,21,421.97"/>
+<path fill="#FFFFFF" d="M20,433.97c-0.265,0-0.519-0.105-0.707-0.293l-3-3c-0.391-0.39-0.391-1.024,0-1.414s1.023-0.391,1.414,0
+ l2.226,2.226l4.299-5.159c0.353-0.424,0.983-0.482,1.408-0.128c0.424,0.354,0.481,0.984,0.128,1.408l-5,6
+ c-0.18,0.216-0.442,0.346-0.723,0.359C20.03,433.97,20.015,433.97,20,433.97z"/>
+<rect x="13" y="421.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_green_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_green_16px.svg
new file mode 100644
index 0000000..429e717
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tick_green_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 421.971 16 16" enable-background="new 13 421.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#89BA17" d="M21,421.97c-4.418,0-8,3.582-8,8c0,4.418,3.582,8,8,8s8-3.582,8-8C29,425.552,25.418,421.97,21,421.97"/>
+<path fill="#FFFFFF" d="M20,433.97c-0.265,0-0.519-0.105-0.707-0.293l-3-3c-0.391-0.39-0.391-1.024,0-1.414s1.023-0.391,1.414,0
+ l2.226,2.226l4.299-5.159c0.353-0.424,0.983-0.482,1.408-0.128c0.424,0.354,0.481,0.984,0.128,1.408l-5,6
+ c-0.18,0.216-0.442,0.346-0.723,0.359C20.03,433.97,20.015,433.97,20,433.97z"/>
+<rect x="13" y="421.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_black_16px.svg
new file mode 100644
index 0000000..f1f56b9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_black_16px.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2309.971 16 16" enable-background="new 13 2309.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M20.539,2311.54c0.146-0.003,0.27-0.095,0.321-0.224c0.016-0.042,0.025-0.087,0.024-0.135l-0.016-0.865
+ c-0.003-0.194-0.165-0.348-0.358-0.345c-0.194,0.004-0.349,0.164-0.345,0.359l0.016,0.864
+ C20.184,2311.389,20.344,2311.543,20.539,2311.54z"/>
+<path d="M23.081,2312.229c0.128,0.071,0.282,0.052,0.39-0.034c0.035-0.028,0.065-0.063,0.088-0.105l0.418-0.756
+ c0.094-0.17,0.032-0.384-0.138-0.478c-0.17-0.094-0.384-0.032-0.478,0.139l-0.418,0.756
+ C22.849,2311.921,22.911,2312.135,23.081,2312.229z"/>
+<path d="M25.293,2314.263c0.044-0.007,0.087-0.022,0.129-0.047l0.74-0.446c0.167-0.1,0.22-0.317,0.12-0.483
+ c-0.101-0.166-0.316-0.22-0.483-0.119l-0.74,0.446c-0.167,0.101-0.22,0.317-0.12,0.484
+ C25.014,2314.223,25.156,2314.284,25.293,2314.263z"/>
+<path d="M26.822,2316.27l-0.864,0.016c-0.194,0.004-0.349,0.165-0.346,0.359c0.003,0.147,0.096,0.27,0.225,0.321
+ c0.042,0.016,0.087,0.025,0.135,0.024l0.865-0.016c0.194-0.004,0.348-0.165,0.345-0.359
+ C27.177,2316.42,27.017,2316.266,26.822,2316.27z"/>
+<path d="M26.158,2319.467l-0.756-0.418c-0.17-0.094-0.384-0.032-0.479,0.138c-0.071,0.128-0.053,0.282,0.034,0.39
+ c0.028,0.035,0.063,0.065,0.105,0.088l0.756,0.418c0.17,0.094,0.384,0.032,0.478-0.138
+ C26.39,2319.775,26.329,2319.561,26.158,2319.467z"/>
+<path d="M17.508,2312.095c0.101,0.166,0.317,0.22,0.484,0.12c0.125-0.076,0.186-0.218,0.166-0.355
+ c-0.007-0.044-0.022-0.088-0.047-0.129l-0.446-0.741c-0.101-0.167-0.317-0.219-0.483-0.119c-0.167,0.101-0.22,0.316-0.119,0.483
+ L17.508,2312.095z"/>
+<path d="M14.889,2313.791l0.756,0.418c0.17,0.094,0.385,0.032,0.479-0.138c0.071-0.128,0.053-0.282-0.034-0.39
+ c-0.028-0.035-0.063-0.065-0.105-0.088l-0.756-0.418c-0.17-0.094-0.384-0.032-0.478,0.138
+ C14.657,2313.483,14.718,2313.697,14.889,2313.791z"/>
+<path d="M15.435,2316.614c-0.003-0.146-0.096-0.27-0.225-0.321c-0.041-0.016-0.087-0.025-0.135-0.024l-0.864,0.016
+ c-0.195,0.004-0.349,0.165-0.345,0.358c0.004,0.194,0.165,0.349,0.359,0.345l0.864-0.016
+ C15.283,2316.969,15.438,2316.808,15.435,2316.614z"/>
+<path d="M15.754,2318.995c-0.044,0.007-0.088,0.022-0.129,0.047l-0.741,0.446c-0.167,0.101-0.22,0.317-0.12,0.483
+ c0.101,0.166,0.317,0.219,0.483,0.119l0.741-0.446c0.166-0.1,0.22-0.317,0.12-0.483
+ C16.033,2319.035,15.891,2318.974,15.754,2318.995z"/>
+<path d="M20.5,2312.107c-2.538,0.017-4.5,2.084-4.5,4.627c0,1.489,0.799,2.82,1.716,3.937v1.2c0,0.212,0.1,0.393,0.284,0.469v0.63
+ c0,0.094,0.058,0.185,0.109,0.264l1.221,2.517c0.089,0.138,0.242,0.219,0.407,0.219H20.5h0.764c0.165,0,0.317-0.082,0.407-0.219
+ l1.221-2.517c0.051-0.078,0.109-0.17,0.109-0.264v-0.63c0.185-0.076,0.284-0.257,0.284-0.469v-1.2
+ c0.917-1.117,1.716-2.448,1.716-3.937C25,2314.191,23.038,2312.124,20.5,2312.107z M22.384,2320.165
+ c-0.089,0.107-0.127,0.24-0.116,0.37v0.929H20.5h-1.769v-0.929c0.012-0.13-0.027-0.263-0.116-0.37c-0.84-1.007-1.7-2.202-1.7-3.431
+ c0-1.981,1.604-3.592,3.584-3.611c1.98,0.019,3.584,1.629,3.584,3.611C24.084,2317.963,23.225,2319.158,22.384,2320.165z"/>
+<rect x="13" y="2309.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_white_16px.svg
new file mode 100644
index 0000000..e1c149f
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/tip_white_16px.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 0 16 16" enable-background="new -1.5 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M6.673,1.569c0.146-0.003,0.27-0.095,0.32-0.224C7.01,1.303,7.019,1.258,7.018,1.21L7.002,0.346
+ C6.999,0.151,6.837-0.003,6.644,0C6.45,0.004,6.295,0.164,6.299,0.359l0.017,0.863C6.317,1.418,6.478,1.572,6.673,1.569z"/>
+<path fill="#FFFFFF" d="M9.215,2.258c0.128,0.071,0.282,0.053,0.39-0.033C9.64,2.196,9.671,2.161,9.692,2.119l0.418-0.756
+ c0.094-0.17,0.033-0.384-0.137-0.479c-0.17-0.094-0.385-0.031-0.479,0.14L9.077,1.78C8.983,1.95,9.045,2.164,9.215,2.258z"/>
+<path fill="#FFFFFF" d="M11.427,4.292c0.045-0.007,0.088-0.021,0.129-0.047l0.74-0.446c0.168-0.1,0.221-0.316,0.121-0.482
+ c-0.102-0.166-0.316-0.221-0.484-0.119l-0.74,0.446c-0.166,0.101-0.219,0.316-0.119,0.483C11.147,4.252,11.29,4.313,11.427,4.292z"
+ />
+<path fill="#FFFFFF" d="M12.956,6.299l-0.863,0.017c-0.195,0.004-0.35,0.165-0.348,0.358c0.004,0.147,0.098,0.271,0.227,0.321
+ c0.041,0.017,0.086,0.025,0.135,0.024l0.865-0.017c0.193-0.004,0.348-0.165,0.344-0.358C13.312,6.449,13.151,6.295,12.956,6.299z"/>
+<path fill="#FFFFFF" d="M12.292,9.496l-0.756-0.418c-0.17-0.094-0.385-0.031-0.479,0.139c-0.072,0.127-0.053,0.281,0.033,0.39
+ c0.027,0.034,0.063,0.064,0.105,0.088l0.756,0.418c0.17,0.094,0.385,0.032,0.479-0.138S12.464,9.59,12.292,9.496z"/>
+<path fill="#FFFFFF" d="M3.642,2.124c0.102,0.166,0.317,0.22,0.484,0.12C4.251,2.168,4.312,2.026,4.292,1.89
+ C4.284,1.846,4.27,1.802,4.245,1.761L3.799,1.02C3.698,0.853,3.481,0.801,3.315,0.9c-0.166,0.102-0.22,0.316-0.119,0.483
+ L3.642,2.124z"/>
+<path fill="#FFFFFF" d="M1.022,3.82l0.756,0.418c0.17,0.094,0.385,0.032,0.479-0.138c0.071-0.128,0.053-0.282-0.034-0.39
+ C2.196,3.676,2.161,3.646,2.118,3.623L1.362,3.205C1.192,3.11,0.979,3.173,0.885,3.343C0.791,3.512,0.852,3.727,1.022,3.82z"/>
+<path fill="#FFFFFF" d="M1.569,6.644C1.565,6.497,1.473,6.373,1.344,6.322C1.303,6.307,1.257,6.297,1.209,6.299L0.345,6.314
+ C0.149,6.318-0.005,6.479,0,6.672c0.004,0.194,0.165,0.35,0.358,0.346l0.864-0.017C1.417,6.998,1.571,6.838,1.569,6.644z"/>
+<path fill="#FFFFFF" d="M1.888,9.024C1.844,9.031,1.8,9.047,1.759,9.071L1.018,9.518C0.851,9.619,0.798,9.834,0.897,10
+ c0.102,0.166,0.317,0.22,0.483,0.119l0.741-0.445c0.166-0.101,0.22-0.317,0.119-0.483C2.167,9.064,2.024,9.004,1.888,9.024z"/>
+<path fill="#FFFFFF" d="M6.634,2.137c-2.538,0.017-4.5,2.084-4.5,4.627c0,1.488,0.799,2.819,1.716,3.937v1.2
+ c0,0.212,0.101,0.393,0.284,0.469v0.63c0,0.094,0.059,0.185,0.109,0.264l1.221,2.518c0.089,0.138,0.242,0.219,0.406,0.219h0.764
+ h0.764c0.166,0,0.317-0.082,0.407-0.219l1.222-2.518c0.051-0.077,0.108-0.17,0.108-0.264v-0.63c0.185-0.076,0.284-0.257,0.284-0.469
+ v-1.2c0.918-1.117,1.717-2.448,1.717-3.937C11.134,4.221,9.172,2.153,6.634,2.137z M8.518,10.194
+ c-0.089,0.106-0.127,0.24-0.116,0.37v0.929H6.634h-1.77v-0.929c0.013-0.13-0.026-0.263-0.115-0.37c-0.84-1.007-1.7-2.202-1.7-3.431
+ c0-1.981,1.604-3.592,3.584-3.611c1.979,0.02,3.585,1.629,3.585,3.611C10.218,7.992,9.358,9.188,8.518,10.194z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/topology_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/topology_black_16px.svg
new file mode 100644
index 0000000..89e897b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/topology_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="8 101.97 16 16" enable-background="new 8 101.97 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="2381.97"/>
+<path d="M14,107.97h4c0,0.553,0.447,1,1,1h1c0.552,0,1-0.447,1-1c0-0.186,0-0.814,0-1c0-0.552-0.448-1-1-1h-1c-0.553,0-1,0.448-1,1
+ h-4v-1h1c0.552,0,1-0.447,1-1c0-0.186,0-0.814,0-1c0-0.552-0.448-1-1-1h-3c-0.553,0-1,0.448-1,1c0,0.186,0,0.814,0,1
+ c0,0.553,0.447,1,1,1h1v1.344v0.656v2.906v1.094v4h5c0,0.553,0.447,1,1,1h1c0.552,0,1-0.447,1-1c0-0.186,0-0.814,0-1
+ c0-0.553-0.448-1-1-1h-1c-0.553,0-1,0.447-1,1h-4v-3h4c0,0.553,0.447,1,1,1h1c0.552,0,1-0.447,1-1c0-0.186,0-0.814,0-1
+ c0-0.553-0.448-1-1-1h-1c-0.553,0-1,0.447-1,1h-4v-0.094V107.97z"/>
+<rect x="8" y="101.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_black_16px.svg
new file mode 100644
index 0000000..87500f2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_black_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="2757.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<path d="M4,0.176c-0.279,0-0.533,0.116-0.713,0.301l-2.83,2.794c-0.391,0.393-0.391,1.023,0,1.414L3.27,7.531
+ c0.18,0.181,0.432,0.294,0.707,0.293c0.554-0.002,1-0.447,1-1L5,1.177C4.998,0.624,4.552,0.177,4,0.176z"/>
+<g>
+ <path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M4,4c0,0,1.575,0,3.5,0S11,5.8,11,8s-1.35,4-3,4
+ c-1.65,0-3,0-3,0"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_white_16px.svg
new file mode 100644
index 0000000..bb1f3b7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/undo_white_16px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-2 -1.5 16 16" enable-background="new -2 -1.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M3.836,0C3.558,0,3.303,0.116,3.124,0.302l-2.83,2.794c-0.391,0.393-0.391,1.022,0,1.414l2.813,2.846
+ c0.18,0.181,0.432,0.294,0.707,0.293c0.554-0.002,1-0.447,1-1l0.023-5.648C4.834,0.448,4.388,0.001,3.836,0z"/>
+<path fill="#FFFFFF" d="M7.836,12.824h-3v-2h3c1.084,0,2-1.374,2-3c0-1.654-1.121-3-2.5-3h-3.5v-2h3.5c2.481,0,4.5,2.243,4.5,5
+ S10.041,12.824,7.836,12.824z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_black_16px.svg
new file mode 100644
index 0000000..ef39609
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_black_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 901.971 16 16" enable-background="new 13 901.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M24.5,903.97h-1c-1.654,0-3,1.346-3,3v2H17c-1.104,0-2,0.896-2,2v3c0,1.104,0.896,2,2,2h5c1.104,0,2-0.896,2-2v-3
+ c0-1.104-0.896-2-2-2h-0.203v-2.483c0-0.729,0.659-1.322,1.469-1.322h1.469c0.811,0,1.469,0.594,1.469,1.322v2.483H27.5v-2
+ C27.5,905.316,26.154,903.97,24.5,903.97z"/>
+<rect x="13" y="901.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_white_16px.svg
new file mode 100644
index 0000000..6db85d7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/unlock_white_16px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1 -1.5 16 16" enable-background="new -1 -1.5 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M8,5H2C0.896,5,0,5.896,0,7v4c0,1.104,0.896,2,2,2h6c1.104,0,2-0.896,2-2V7C10,5.896,9.104,5,8,5"/>
+<path fill="#FFFFFF" d="M13.5,5h-1.297V2.518c0-0.73-0.658-1.324-1.469-1.324H9.266c-0.81,0-1.469,0.594-1.469,1.324v4.291L6.5,6V3
+ c0-1.653,1.346-3,3-3h1c1.654,0,3,1.347,3,3V5z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/upload_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/upload_black_16px.svg
new file mode 100644
index 0000000..a181fcd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/upload_black_16px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M8.707,1.293C8.512,1.097,8.256,1,8,1S7.488,1.098,7.293,1.293l-5,5c-0.391,0.39-0.391,1.022,0,1.413s1.023,0.391,1.414,0
+ L7,4.413V11c0,0.552,0.448,1,1,1s1-0.448,1-1V4.413l3.293,3.293c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.413L8.707,1.293z"
+ />
+<path d="M14,13H2c-0.552,0-1,0.448-1,1s0.448,1,1,1h12c0.552,0,1-0.448,1-1S14.552,13,14,13z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_black_16px.svg
new file mode 100644
index 0000000..6738634
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_black_16px.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<rect x="13" y="5.97" display="none" opacity="0.2" fill="#E94E47" enable-background="new " width="16" height="16"/>
+<g>
+ <g>
+ <path d="M6.121,8.211c0.009,0.007,0.021,0.013,0.03,0.02c0.17,0.119,0.344,0.227,0.53,0.312c0.063,0.031,0.131,0.049,0.196,0.074
+ c0.141,0.055,0.28,0.113,0.428,0.146C7.53,8.817,7.761,8.848,8,8.848c0.238,0,0.47-0.03,0.694-0.084
+ C8.842,8.73,8.98,8.672,9.122,8.617c0.064-0.025,0.134-0.043,0.197-0.074c0.185-0.084,0.358-0.192,0.529-0.311
+ c0.01-0.007,0.021-0.013,0.03-0.021c0.182-0.129,0.35-0.277,0.509-0.441c0,0,0,0,0-0.001c0.79-0.811,1.3-2,1.3-3.345
+ C11.688,1.981,10.037,0,8,0c-2.036,0-3.688,1.98-3.688,4.424C4.312,6.041,5.042,7.44,6.121,8.211z"/>
+ <path d="M12.659,7.982c-1.383,2.13-2.404,2.483-4.659,2.483s-3.275-0.354-4.658-2.483c-1.632,1.597-1.349,3.339-1.349,5.263
+ c0,0.551,0,1.224,0,1.224C1.993,15.058,2.969,16,3.531,16h2.077c0.001,0,0.002,0,0.003,0C6.228,16,6.914,16,8,16
+ c1.087,0,1.771,0,2.389,0c0,0,0.002,0,0.003,0H12.5c0.531,0,1.521-1,1.521-1.562c0,0,0-0.767,0-1.317
+ C14.021,11.196,14.29,9.577,12.659,7.982z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_white_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_white_16px.svg
new file mode 100644
index 0000000..bb92940
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/user_white_16px.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-1.5 0 16 16" enable-background="new -1.5 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FFFFFF" d="M4.147,8.211c0.009,0.007,0.021,0.014,0.03,0.021c0.17,0.119,0.344,0.227,0.53,0.312
+ C4.77,8.574,4.838,8.592,4.903,8.617c0.142,0.055,0.28,0.113,0.429,0.146c0.225,0.053,0.455,0.084,0.694,0.084
+ c0.238,0,0.471-0.029,0.693-0.084C6.868,8.73,7.006,8.672,7.148,8.617c0.063-0.025,0.134-0.043,0.196-0.074
+ c0.185-0.084,0.358-0.191,0.529-0.311c0.01-0.007,0.021-0.013,0.03-0.021c0.183-0.129,0.351-0.276,0.509-0.44c0,0,0,0,0-0.001
+ c0.79-0.812,1.301-2,1.301-3.346C9.713,1.981,8.063,0,6.026,0C3.99,0,2.338,1.98,2.338,4.424C2.338,6.041,3.068,7.44,4.147,8.211z"
+ />
+<path fill="#FFFFFF" d="M10.685,7.982c-1.384,2.129-2.404,2.482-4.659,2.482c-2.255,0-3.274-0.354-4.658-2.482
+ c-1.632,1.597-1.349,3.338-1.349,5.263c0,0.551,0,1.225,0,1.225c0,0.589,0.976,1.53,1.538,1.53h2.077c0.001,0,0.002,0,0.003,0
+ c0.617,0,1.303,0,2.389,0c1.087,0,1.771,0,2.388,0c0,0,0.002,0,0.004,0h2.107c0.531,0,1.521-1,1.521-1.563c0,0,0-0.767,0-1.316
+ C12.047,11.195,12.315,9.577,10.685,7.982z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/valid_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/valid_icon.svg
new file mode 100644
index 0000000..5ccc9c8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/valid_icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#89BA17" d="M8.57,0H1.429C0.643,0,0,0.643,0,1.432v7.136C0,9.355,0.643,10,1.429,10H8.57C9.357,10,10,9.355,10,8.568
+ V1.432C10,0.643,9.357,0,8.57,0"/>
+<path fill="#FFFFFF" d="M4.3,8C4.115,8,3.937,7.922,3.805,7.78l-2.1-2.25c-0.273-0.293-0.273-0.767,0-1.06s0.717-0.293,0.99,0
+ L4.253,6.14l3.01-3.869C7.51,1.952,7.951,1.908,8.248,2.174C8.545,2.439,8.586,2.912,8.337,3.23l-3.5,4.5
+ C4.712,7.893,4.528,7.99,4.331,7.999C4.321,8,4.311,8,4.3,8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_black_16px.svg
new file mode 100644
index 0000000..156b7b4
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_black_16px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 2469.971 16 16" enable-background="new 13 2469.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path d="M20.993,2469.97c0,0-4.733,1.037-6.142,2.684c-1.209,1.413,0.67,13.316,6.142,13.316s7.372-11.919,6.153-13.335
+ C25.737,2471,20.993,2469.97,20.993,2469.97z"/>
+<circle fill="#FFFFFF" cx="20.994" cy="2481.787" r="1.494"/>
+<path fill="#FFFFFF" d="M21.8,2478.054c0,0.507-0.359,0.917-0.802,0.917c-0.444,0-0.798-0.41-0.798-0.917v-5.166
+ c0-0.507,0.354-0.916,0.798-0.916c0.443,0,0.802,0.41,0.802,0.916V2478.054z"/>
+<rect x="13" y="2469.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_white.svg
new file mode 100644
index 0000000..cc5b681
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warningShield_white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><defs><style>.cls-1{fill:#fff;}</style></defs><title>ebIcon_warningShield_white</title><path class="cls-1" d="M8,.5S3.26,1.47,1.85,3C.64,4.34,2.52,15.5,8,15.5S15.36,4.33,14.15,3C12.74,1.46,8,.5,8,.5m0,13A1.5,1.5,0,1,1,9.53,12,1.51,1.51,0,0,1,8,13.49M9,8.81A1,1,0,0,1,7,8.81V3.18A1,1,0,0,1,9,3.18Z" transform="translate(-1.5 -0.5)"/></svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_orange_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_orange_16px.svg
new file mode 100644
index 0000000..beb36c1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_orange_16px.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="13 389.971 16 16" enable-background="new 13 389.971 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect display="none" fill="#66A19F" width="87" height="3280.97"/>
+<path fill="#F19619" d="M28.741,405.152c-0.315,0.51-0.871,0.818-1.471,0.818H14.729c-0.6,0-1.156-0.308-1.471-0.818
+ c-0.315-0.508-0.344-1.146-0.076-1.682l6.271-12.357c0.292-0.585,0.893-1.141,1.547-1.141s1.254,0.556,1.547,1.141l6.27,12.357
+ C29.086,404.006,29.057,404.643,28.741,405.152z"/>
+<path fill="#FFFFFF" d="M22,399.27c0,0.385-0.315,0.7-0.7,0.7h-0.6c-0.385,0-0.7-0.315-0.7-0.7v-4.6c0-0.385,0.315-0.7,0.7-0.7h0.6
+ c0.385,0,0.7,0.315,0.7,0.7V399.27z"/>
+<path fill="#FFFFFF" d="M22,403.27c0,0.385-0.315,0.7-0.7,0.7h-0.6c-0.385,0-0.7-0.315-0.7-0.7v-0.6c0-0.385,0.315-0.7,0.7-0.7h0.6
+ c0.385,0,0.7,0.315,0.7,0.7V403.27z"/>
+<rect x="13" y="389.97" display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_white.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_white.svg
new file mode 100644
index 0000000..af8f03c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_white.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-0.5 -0.5 16 16" enable-background="new -0.5 -0.5 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<rect x="5.29" y="1.197" fill="#E32219" width="4.458" height="12.548"/>
+<path fill="#FFFFFF" d="M7.5,0C3.357,0,0,3.358,0,7.5S3.357,15,7.5,15S15,11.642,15,7.5S11.643,0,7.5,0 M7.5,12.994
+ c-0.826,0-1.495-0.668-1.495-1.494c0-0.827,0.669-1.495,1.495-1.495s1.495,0.668,1.495,1.495C8.995,12.326,8.326,12.994,7.5,12.994
+ M8.5,8.314c0,0.554-0.447,1-1,1s-1-0.446-1-1v-5.63c0-0.552,0.447-1,1-1s1,0.448,1,1V8.314z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_yellow_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_yellow_16px.svg
new file mode 100644
index 0000000..ec4ad46
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/16px/warning_yellow_16px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0.001 16 16" enable-background="new 0 0.001 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FABB00" d="M15.741,15.182C15.426,15.692,14.871,16,14.27,16H1.729c-0.6,0-1.156-0.308-1.471-0.818
+ c-0.315-0.508-0.344-1.146-0.076-1.682L6.453,1.143C6.746,0.557,7.346,0.001,8,0.001s1.254,0.556,1.547,1.141l6.27,12.357
+ C16.086,14.036,16.057,14.673,15.741,15.182z"/>
+<rect x="7" y="5" fill="#FFFFFF" width="2" height="5"/>
+<rect x="7" y="12" fill="#FFFFFF" width="2" height="2"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/error_red_28px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/error_red_28px.svg
new file mode 100644
index 0000000..d600e81
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/error_red_28px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#E32219" d="M14,1.001c-7.179,0-13,5.821-13,13c0,7.179,5.821,13,13,13c7.18,0,13-5.821,13-13
+ C27,6.822,21.18,1.001,14,1.001"/>
+<path fill="#FFFFFF" d="M20.269,17.873c0.664,0.665,0.664,1.736,0,2.398c-0.33,0.331-0.765,0.497-1.2,0.497
+ c-0.434,0-0.867-0.166-1.198-0.497l-3.598-3.597l-3.598,3.597c-0.331,0.331-0.765,0.497-1.198,0.497s-0.866-0.166-1.2-0.497
+ c-0.661-0.662-0.661-1.734,0-2.398l3.598-3.596L8.278,10.68c-0.661-0.662-0.661-1.735,0-2.398c0.664-0.662,1.737-0.662,2.398,0
+ l3.598,3.597l3.598-3.597c0.664-0.662,1.734-0.662,2.398,0s0.664,1.735,0,2.398l-3.599,3.597L20.269,17.873z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/information_blue_28px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/information_blue_28px.svg
new file mode 100644
index 0000000..71c70dd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/information_blue_28px.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#00A9D4" cx="14" cy="14.001" r="13"/>
+<path fill="#FFFFFF" d="M14.016,9.001c-0.541,0-1.01-0.176-1.411-0.527C12.202,8.122,12,7.626,12,6.993
+ c0-0.551,0.192-1.023,0.577-1.41c0.382-0.391,0.855-0.582,1.411-0.582c0.555,0,1.029,0.191,1.423,0.582
+ C15.801,5.97,16,6.443,16,6.993c0,0.625-0.2,1.117-0.596,1.473C15.005,8.822,14.542,9.001,14.016,9.001z"/>
+<g>
+ <path fill="#FFFFFF" d="M15.5,21.001c0,1.1-0.675,2-1.5,2s-1.5-0.9-1.5-2v-7c0-1.1,0.675-2,1.5-2s1.5,0.9,1.5,2V21.001z"/>
+</g>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/tick_green_28px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/tick_green_28px.svg
new file mode 100644
index 0000000..55b7a25
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/tick_green_28px.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#89BA17" d="M14,1.001c-7.179,0-13,5.821-13,13c0,7.179,5.821,13,13,13c7.18,0,13-5.821,13-13
+ C27,6.822,21.18,1.001,14,1.001"/>
+<path fill="#FFFFFF" d="M12.304,20.22c-0.373,0-0.732-0.148-0.998-0.414l-4.239-4.239c-0.553-0.552-0.553-1.447,0-1.998
+ c0.551-0.552,1.446-0.552,1.998,0l3.145,3.145l6.076-7.289c0.498-0.599,1.388-0.681,1.988-0.181c0.599,0.5,0.682,1.391,0.181,1.99
+ l-7.064,8.478c-0.254,0.305-0.625,0.489-1.021,0.507C12.347,20.219,12.325,20.22,12.304,20.22z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/warning_yellow_28px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/warning_yellow_28px.svg
new file mode 100644
index 0000000..e6f9a61
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/28px/warning_yellow_28px.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#FABB00" d="M26.58,25.669c-0.512,0.829-1.414,1.329-2.391,1.329H3.81c-0.974,0-1.878-0.5-2.39-1.329
+ c-0.512-0.826-0.559-1.862-0.124-2.733l10.19-20.08C11.962,1.905,12.937,1.001,14,1.001c1.063,0,2.039,0.904,2.514,1.855
+ l10.189,20.08C27.14,23.808,27.094,24.843,26.58,25.669z"/>
+<path fill="#FFFFFF" d="M14.016,24c-0.541,0-1.01-0.176-1.411-0.527C12.202,23.121,12,22.625,12,21.993
+ c0-0.551,0.192-1.023,0.577-1.41c0.384-0.39,0.855-0.582,1.411-0.582c0.555,0,1.029,0.191,1.423,0.582
+ C15.802,20.969,16,21.442,16,21.993c0,0.625-0.2,1.116-0.596,1.472C15.005,23.82,14.542,24,14.016,24z"/>
+<g>
+ <path fill="#FFFFFF" d="M14,7.784c-0.932,0-1.696,0.763-1.696,1.696v0.954c0,0,0-2.649,0,0.742s0.848,5.935,0.848,5.935
+ s0.239,0.848,0.848,0.848s0.848-0.848,0.848-0.848s0.848-2.543,0.848-5.935c0-1.696,0-0.742,0-0.742V9.479
+ C15.696,8.547,14.933,7.784,14,7.784z"/>
+</g>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/contextMenu/menu_black_16px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/contextMenu/menu_black_16px.svg
new file mode 100644
index 0000000..f494b6a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/contextMenu/menu_black_16px.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<rect x="3" y="3" width="2" height="2"/>
+<rect x="7" y="3" width="7" height="2"/>
+<rect x="3" y="7" width="2" height="2"/>
+<rect x="7" y="7" width="7" height="2"/>
+<rect x="3" y="11" width="2" height="2"/>
+<rect x="7" y="11" width="7" height="2"/>
+<rect fill="none" width="16" height="16"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/close_exit_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/close_exit_icon.svg
new file mode 100644
index 0000000..a950bea
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/close_exit_icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#000000" d="M8,0C3.582,0,0,3.582,0,8c0,4.418,3.582,8,8,8c4.418,0,8-3.582,8-8C16,3.582,12.418,0,8,0z M11.609,10.743
+ l-0.867,0.866c-0.158,0.158-0.418,0.158-0.576,0L8,9.444l-2.166,2.165c-0.159,0.158-0.418,0.158-0.577-0.002l-0.867-0.864
+ c-0.158-0.159-0.158-0.417,0-0.578L6.556,8L4.392,5.836c-0.159-0.16-0.159-0.419,0-0.578l0.866-0.866c0.159-0.16,0.419-0.16,0.577,0
+ L8,6.557l2.166-2.165c0.158-0.16,0.418-0.16,0.576,0l0.867,0.865c0.158,0.159,0.158,0.419,0,0.579L9.443,8l2.166,2.165
+ C11.768,10.326,11.768,10.584,11.609,10.743z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/collapse_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/collapse_icon.svg
new file mode 100644
index 0000000..c0d63d8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/collapse_icon.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#2D2C2C" points="4,1.775 8,5 8,3.226 4,0 0,3.226 0,5 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow.svg
new file mode 100644
index 0000000..eef7515
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#2D2C2C" points="4,3.225 0,0 0,1.774 4,5 8,1.774 8,0 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow_hit.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow_hit.svg
new file mode 100644
index 0000000..d1d6efd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/down_arrow_hit.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve">
+<defs>
+</defs>
+<polygon points="4,3.225 0,0 0,1.774 4,5 8,1.774 8,0 "/>
+</svg> \ No newline at end of file
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/expand_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/expand_icon.svg
new file mode 100644
index 0000000..eef7515
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/expand_icon.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#2D2C2C" points="4,3.225 0,0 0,1.774 4,5 8,1.774 8,0 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/info-black-16x16.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/info-black-16x16.svg
new file mode 100644
index 0000000..1ff8696
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/info-black-16x16.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g>
+ <circle fill="#3D3A39" cx="8" cy="8" r="6.243"/>
+ <path fill="#FFFFFF" d="M8.009,5.21c-0.219,0-0.406-0.067-0.561-0.201C7.293,4.875,7.215,4.685,7.215,4.44
+ c0-0.223,0.08-0.405,0.238-0.55c0.161-0.143,0.345-0.215,0.556-0.215c0.203,0,0.384,0.065,0.54,0.195
+ C8.707,4,8.785,4.19,8.785,4.44c0,0.241-0.076,0.43-0.23,0.566C8.401,5.143,8.22,5.21,8.009,5.21z M8.785,7.222v4.147
+ c0,0.314-0.075,0.553-0.225,0.715c-0.148,0.16-0.34,0.24-0.569,0.24c-0.23,0-0.417-0.082-0.561-0.246s-0.216-0.4-0.216-0.709
+ V7.269c0-0.311,0.072-0.544,0.216-0.702c0.144-0.158,0.33-0.236,0.561-0.236c0.229,0,0.421,0.078,0.569,0.236
+ C8.71,6.724,8.785,6.943,8.785,7.222z"/>
+ </g>
+ <rect x="1.129" y="1.129" fill="none" width="13.742" height="13.742"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow.svg
new file mode 100644
index 0000000..6f63b93
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="9px" height="8px" viewBox="0 0 9 8" enable-background="new 0 0 9 8" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#0E68B2" points="5.557,4 9.018,0 7.113,0 3.65,4 7.113,8 9.018,8 "/>
+<rect fill="#0E68B2" width="1.6" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_.svg
new file mode 100644
index 0000000..1132822
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 0 5 8" enable-background="new 0 0 5 8" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#2D2C2C" points="1.775,4 5,0 3.226,0 0,4 3.226,8 5,8 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_hit.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_hit.svg
new file mode 100644
index 0000000..ffaa903
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/left_arrow_hit.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 0 5 8" enable-background="new 0 0 5 8" xml:space="preserve">
+<defs>
+</defs>
+<polygon points="1.775,4 5,0 3.226,0 0,4 3.226,8 5,8 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/magnify_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/magnify_black.svg
new file mode 100644
index 0000000..024ffe9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/magnify_black.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<defs>
+</defs>
+<path d="M15.7,13.5l-2.9-2.9c-0.4-0.4-0.9-0.4-1.3-0.2l-0.5-0.5c0.8-1,1.3-2.4,1.3-3.8C12.2,2.7,9.5,0,6.1,0C2.7,0,0,2.7,0,6.1
+ s2.7,6.1,6.1,6.1c1.4,0,2.7-0.5,3.8-1.3l0.5,0.5c-0.2,0.4-0.2,1,0.2,1.3l2.9,2.9c0.4,0.4,1.2,0.4,1.6,0l0.5-0.5
+ C16.1,14.7,16.1,14,15.7,13.5 M1.1,6.1c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5C3.4,11.1,1.1,8.9,1.1,6.1"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/next_arrows_hit.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/next_arrows_hit.svg
new file mode 100644
index 0000000..37dfa00
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/next_arrows_hit.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-3.07 -4 16 16" enable-background="new -3.07 -4 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<polygon points="7.941,4 4.718,8 6.491,8 9.718,4 6.491,0 4.718,0 "/>
+<polygon points="3.224,4 0,8 1.773,8 5,4 1.773,0 0,0 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/previous_arrows_hit.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/previous_arrows_hit.svg
new file mode 100644
index 0000000..ca8ad0b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/previous_arrows_hit.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="16px" height="16px" viewBox="-3.07 -4 16 16" enable-background="new -3.07 -4 16 16"
+ xml:space="preserve">
+<defs>
+</defs>
+<polygon points="1.776,4 5,0 3.227,0 0,4 3.227,8 5,8 "/>
+<polygon points="6.494,4 9.718,0 7.944,0 4.718,4 7.944,8 9.718,8 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow.svg
new file mode 100644
index 0000000..cdb0352
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="9px" height="8px" viewBox="0 0 9 8" enable-background="new 0 0 9 8" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#0E68B2" points="3.461,4 0,8 1.904,8 5.367,4 1.904,0 0,0 "/>
+<rect x="7.418" fill="#0E68B2" width="1.6" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_.svg
new file mode 100644
index 0000000..d58c613
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 0 5 8" enable-background="new 0 0 5 8" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#2D2C2C" points="3.225,4 0,8 1.774,8 5,4 1.774,0 0,0 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_hit.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_hit.svg
new file mode 100644
index 0000000..63bfd27
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/right_arrow_hit.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="-1.5 0 8 8" style="enable-background:new -1.5 0 8 8;" xml:space="preserve">
+<defs>
+</defs>
+<polygon points="3.2,4 0,8 1.8,8 5,4 1.8,0 0,0 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/save_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/save_black.svg
new file mode 100644
index 0000000..4cbbfc1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/save_black.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="12px" height="13px" viewBox="0 0 12 13" style="enable-background:new 0 0 12 13;" xml:space="preserve">
+<defs>
+</defs>
+<path d="M7,3H5V0h2V3z M9,7V6H3v1H9L9,7z M9,9V8H3v1H9L9,9z M12,2.6v10c0,0.2,0,0.4-0.2,0.4H0.4C0.2,13,0,12.8,0,12.6V0.4
+ C0,0.2,0.2,0,0.4,0H2v4h6.4V0h1.2L12,2.6z M10,5H2v6h8V5z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow.svg
new file mode 100644
index 0000000..c0d63d8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve">
+<defs>
+</defs>
+<polygon fill="#2D2C2C" points="4,1.775 8,5 8,3.226 4,0 0,3.226 0,5 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow_hit.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow_hit.svg
new file mode 100644
index 0000000..2e2ae5e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/controls/up_arrow_hit.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="0 -1.5 8 8" style="enable-background:new 0 -1.5 8 8;" xml:space="preserve">
+<defs>
+</defs>
+<polygon points="4,1.8 8,5 8,3.2 4,0 0,3.2 0,5 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/confirmation_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/confirmation_icon.svg
new file mode 100644
index 0000000..947bd9a
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/confirmation_icon.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#89BA17" d="M14,1.001c-7.179,0-13,5.821-13,13c0,7.179,5.821,13,13,13c7.179,0,13-5.821,13-13
+ C27,6.822,21.179,1.001,14,1.001"/>
+<path fill="#FFFFFF" d="M12.375,20.501c-0.43,0-0.844-0.171-1.149-0.476L6.351,15.15c-0.635-0.634-0.635-1.663,0-2.298
+ s1.663-0.635,2.298,0l3.617,3.617l6.986-8.383c0.573-0.689,1.597-0.783,2.289-0.208c0.689,0.574,0.782,1.599,0.208,2.289
+ l-8.125,9.75c-0.292,0.351-0.718,0.563-1.175,0.583C12.424,20.5,12.399,20.501,12.375,20.501z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/error_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/error_icon.svg
new file mode 100644
index 0000000..9d7d3ed
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/error_icon.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#E32219" d="M14,1.001c-7.179,0-13,5.821-13,13c0,7.179,5.821,13,13,13s13-5.821,13-13C27,6.822,21.179,1.001,14,1.001"
+ />
+<path fill="#FFFFFF" d="M19.746,17.446c0.636,0.636,0.636,1.664,0,2.298c-0.316,0.317-0.733,0.476-1.148,0.476
+ c-0.416,0-0.832-0.159-1.149-0.476L14,16.298l-3.447,3.447c-0.317,0.317-0.733,0.476-1.149,0.476s-0.83-0.159-1.149-0.476
+ c-0.633-0.635-0.633-1.662,0-2.298l3.447-3.447l-3.447-3.447c-0.633-0.635-0.633-1.663,0-2.298c0.635-0.635,1.665-0.635,2.298,0
+ L14,11.702l3.448-3.447c0.636-0.635,1.662-0.635,2.298,0c0.636,0.635,0.636,1.663,0,2.298l-3.448,3.447L19.746,17.446z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/information_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/information_icon.svg
new file mode 100644
index 0000000..884b16b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/information_icon.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#00A9D4" cx="14" cy="14.001" r="13"/>
+<path fill="#FFFFFF" d="M12.375,14.001c0-0.894,0.731-1.625,1.625-1.625l0,0c0.894,0,1.625,0.731,1.625,1.625v6.5
+ c0,0.894-0.731,1.625-1.625,1.625l0,0c-0.894,0-1.625-0.731-1.625-1.625V14.001z"/>
+<path fill="#FFFFFF" d="M12.375,7.176c0-0.715,0.585-1.3,1.3-1.3h0.65c0.715,0,1.3,0.585,1.3,1.3v0.65c0,0.715-0.585,1.3-1.3,1.3
+ h-0.65c-0.715,0-1.3-0.585-1.3-1.3V7.176z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/warning_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/warning_icon.svg
new file mode 100644
index 0000000..febd790
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/dialogs/warning_icon.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="28px" height="28px" viewBox="0 0.001 28 28" enable-background="new 0 0.001 28 28" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#F19619" d="M26.579,25.669c-0.512,0.829-1.414,1.33-2.391,1.33H3.811c-0.975,0-1.878-0.501-2.391-1.33
+ c-0.513-0.826-0.559-1.862-0.123-2.732L11.486,2.856C11.962,1.905,12.938,1.001,14,1.001c1.062,0,2.038,0.904,2.514,1.855
+ l10.188,20.081C27.139,23.807,27.093,24.843,26.579,25.669z"/>
+<path fill="#FFFFFF" d="M15.625,16.111c0,0.626-0.512,1.138-1.138,1.138h-0.975c-0.625,0-1.137-0.512-1.137-1.138V8.636
+ c0-0.625,0.512-1.137,1.137-1.137h0.975c0.625,0,1.138,0.512,1.138,1.137V16.111z"/>
+<path fill="#FFFFFF" d="M15.625,22.611c0,0.626-0.512,1.138-1.138,1.138h-0.975c-0.625,0-1.137-0.512-1.137-1.138v-0.975
+ c0-0.625,0.512-1.137,1.137-1.137h0.975c0.625,0,1.138,0.512,1.138,1.137V22.611z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="28" height="28"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/drilldownPath/arrow.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/drilldownPath/arrow.svg
new file mode 100644
index 0000000..32319b2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/drilldownPath/arrow.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 8 14.1" enable-background="new 0 0 8 14.1" xml:space="preserve">
+<polyline fill="none" stroke="#8E8E8D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+ 1,1 7,7 1.1,13 "/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick.svg
new file mode 100644
index 0000000..8770340
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+<defs>
+</defs>
+<path style="fill:#FFFFFF;" d="M8.1,0.6L7.3,0.1C7.1-0.1,6.9,0,6.7,0.2L3.1,5.6L1.4,3.9c-0.2-0.2-0.5-0.2-0.6,0L0.1,4.5
+ C0,4.7,0,5,0.1,5.2l2.6,2.6C2.9,7.9,3.1,8,3.3,8c0.2,0,0.4-0.1,0.5-0.3l4.4-6.5C8.3,1,8.3,0.7,8.1,0.6z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_black.svg
new file mode 100644
index 0000000..1282819
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_black.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+<defs>
+</defs>
+<path d="M8.1,0.6L7.3,0.1C7.1-0.1,6.9,0,6.7,0.2L3.1,5.6L1.4,3.9c-0.2-0.2-0.5-0.2-0.6,0L0.1,4.5C0,4.7,0,5,0.1,5.2l2.6,2.6
+ C2.9,7.9,3.1,8,3.3,8c0.2,0,0.4-0.1,0.5-0.3l4.4-6.5C8.3,1,8.3,0.7,8.1,0.6z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_green.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_green.svg
new file mode 100644
index 0000000..8c8ee47
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_tick_green.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="0 0 8 8" style="enable-background:new 0 0 8 8;" xml:space="preserve">
+<defs>
+</defs>
+<path style="fill:#89BA17;" d="M8.1,0.6L7.3,0.1C7.1-0.1,6.9,0,6.7,0.2L3.1,5.6L1.4,3.9c-0.2-0.2-0.5-0.2-0.6,0L0.1,4.5
+ C0,4.7,0,5,0.1,5.2l2.6,2.6C2.9,7.9,3.1,8,3.3,8c0.2,0,0.4-0.1,0.5-0.3l4.4-6.5C8.3,1,8.3,0.7,8.1,0.6z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple.svg
new file mode 100644
index 0000000..06f9dd7
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="6px" height="2px" viewBox="0 0 6 2" enable-background="new 0 0 6 2" xml:space="preserve">
+<defs>
+</defs>
+<rect fill="#0967B2" width="6" height="2"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_black.svg
new file mode 100644
index 0000000..3a71942
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_black.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="6px" height="2px" viewBox="0 0 6 2" enable-background="new 0 0 6 2" xml:space="preserve">
+<defs>
+</defs>
+<rect width="6" height="2"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_green.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_green.svg
new file mode 100644
index 0000000..ea37be0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/checkbox_triple_green.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="6px" height="2px" viewBox="0 0 6 2" enable-background="new 0 0 6 2" xml:space="preserve">
+<defs>
+</defs>
+<rect fill="#89BA17" width="6" height="2"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/invalid_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/invalid_icon.svg
new file mode 100644
index 0000000..c7fc9c2
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/invalid_icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#E32219" d="M8.571,0H1.429C0.643,0,0,0.643,0,1.432v7.136C0,9.355,0.643,10,1.429,10h7.142C9.357,10,10,9.355,10,8.568
+ V1.432C10,0.643,9.357,0,8.571,0"/>
+<path fill="#FFFFFF" d="M6,5.272C6,5.674,5.552,6,5,6l0,0C4.448,6,4,5.674,4,5.272V1.728C4,1.326,4.448,1,5,1l0,0
+ c0.552,0,1,0.326,1,0.728V5.272z"/>
+<circle fill="#FFFFFF" cx="5" cy="8" r="1"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_black.svg
new file mode 100644
index 0000000..47a7465
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_black.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="0 0 8 8" enable-background="new 0 0 8 8" xml:space="preserve">
+<defs>
+</defs>
+<g>
+ <g>
+ <path fill="#000000" d="m0,3.98571c0,2.13714 1.8,3.88571 4,3.88571s4,-1.74857 4,-3.88571s-1.8,-3.88571 -4,-3.88571s-4,1.74857 -4,3.88571z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_green.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_green.svg
new file mode 100644
index 0000000..63b923b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/radio_tick_green.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="8px" viewBox="0 0 8 8" enable-background="new 0 0 8 8" xml:space="preserve">
+<defs>
+</defs>
+<g>
+ <g>
+ <path fill="#89BA17" d="m0,3.98571c0,2.13714 1.8,3.88571 4,3.88571s4,-1.74857 4,-3.88571s-1.8,-3.88571 -4,-3.88571s-4,1.74857 -4,3.88571z"/>
+ </g>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/valid_icon.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/valid_icon.svg
new file mode 100644
index 0000000..5ccc9c8
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/form/valid_icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#89BA17" d="M8.57,0H1.429C0.643,0,0,0.643,0,1.432v7.136C0,9.355,0.643,10,1.429,10H8.57C9.357,10,10,9.355,10,8.568
+ V1.432C10,0.643,9.357,0,8.57,0"/>
+<path fill="#FFFFFF" d="M4.3,8C4.115,8,3.937,7.922,3.805,7.78l-2.1-2.25c-0.273-0.293-0.273-0.767,0-1.06s0.717-0.293,0.99,0
+ L4.253,6.14l3.01-3.869C7.51,1.952,7.951,1.908,8.248,2.174C8.545,2.439,8.586,2.912,8.337,3.23l-3.5,4.5
+ C4.712,7.893,4.528,7.99,4.331,7.999C4.321,8,4.311,8,4.3,8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleLeft_black_10x8px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleLeft_black_10x8px.svg
new file mode 100644
index 0000000..dd5fea1
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleLeft_black_10x8px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="8px" viewBox="0 0.001 10 8" enable-background="new 0 0.001 10 8" xml:space="preserve">
+<defs>
+</defs>
+<path d="M3.293,7.708l-3-3C0.098,4.513,0,4.257,0,4.001S0.098,3.49,0.293,3.294l3-3c0.391-0.391,1.023-0.391,1.414,0
+ s0.391,1.023,0,1.414L2.414,4.001l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414S3.684,8.099,3.293,7.708z"/>
+<path d="M8.293,7.708l-3-3C5.098,4.513,5,4.257,5,4.001S5.098,3.49,5.293,3.294l3-3c0.391-0.391,1.023-0.391,1.414,0
+ s0.391,1.023,0,1.414L7.414,4.001l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414S8.684,8.099,8.293,7.708z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleRight_black_10x8px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleRight_black_10x8px.svg
new file mode 100644
index 0000000..9dee017
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDoubleRight_black_10x8px.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="8px" viewBox="0 0.001 10 8" enable-background="new 0 0.001 10 8" xml:space="preserve">
+<defs>
+</defs>
+<path d="M6.707,0.294l3,3C9.902,3.49,10,3.745,10,4.001S9.902,4.513,9.707,4.708l-3,3c-0.391,0.391-1.023,0.391-1.414,0
+ s-0.391-1.023,0-1.414l2.293-2.293L5.293,1.708c-0.391-0.391-0.391-1.023,0-1.414S6.316-0.096,6.707,0.294z"/>
+<path d="M1.707,0.294l3,3C4.902,3.49,5,3.745,5,4.001S4.902,4.513,4.707,4.708l-3,3c-0.391,0.391-1.023,0.391-1.414,0
+ s-0.391-1.023,0-1.414l2.293-2.293L0.293,1.708c-0.391-0.391-0.391-1.023,0-1.414S1.316-0.096,1.707,0.294z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDown_black_8x5px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDown_black_8x5px.svg
new file mode 100644
index 0000000..0cac0d5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowDown_black_8x5px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0.001 8 5" enable-background="new 0 0.001 8 5" xml:space="preserve">
+<defs>
+</defs>
+<path d="M7.707,1.708l-3,2.999C4.512,4.902,4.256,5,4,5S3.488,4.902,3.293,4.707l-3-2.999c-0.391-0.391-0.391-1.023,0-1.414
+ s1.023-0.391,1.414,0L4,2.587l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.318,7.707,1.708z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="8" height="5"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowLeft_black_5x8px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowLeft_black_5x8px.svg
new file mode 100644
index 0000000..a3f5ca5
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowLeft_black_5x8px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 0.001 5 8" enable-background="new 0 0.001 5 8" xml:space="preserve">
+<defs>
+</defs>
+<path d="M3.293,7.708l-3-3C0.098,4.513,0,4.257,0,4.001S0.098,3.49,0.293,3.294l3-3c0.391-0.391,1.023-0.391,1.414,0
+ s0.391,1.023,0,1.414L2.414,4.001l2.293,2.293c0.391,0.391,0.391,1.023,0,1.414S3.684,8.099,3.293,7.708z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="5" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowRight_black_5x8px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowRight_black_5x8px.svg
new file mode 100644
index 0000000..e6724bc
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowRight_black_5x8px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 0.001 5 8" enable-background="new 0 0.001 5 8" xml:space="preserve">
+<defs>
+</defs>
+<path d="M1.707,0.294l3,3C4.902,3.49,5,3.745,5,4.001S4.902,4.513,4.707,4.708l-3,3c-0.391,0.391-1.023,0.391-1.414,0
+ s-0.391-1.023,0-1.414l2.293-2.293L0.293,1.708c-0.391-0.391-0.391-1.023,0-1.414S1.316-0.096,1.707,0.294z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="5" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowUp_black_8x5px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowUp_black_8x5px.svg
new file mode 100644
index 0000000..02ae9cd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/ArrowUp_black_8x5px.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="8px" height="5px" viewBox="0 0.001 8 5" enable-background="new 0 0.001 8 5" xml:space="preserve">
+<defs>
+</defs>
+<path d="M0.293,3.294l3-3C3.488,0.099,3.744,0.001,4,0.001s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414
+ s-1.023,0.391-1.414,0L4,2.415L1.707,4.708c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.685,0.293,3.294z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="8" height="5"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/errorSmall_red_10px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/errorSmall_red_10px.svg
new file mode 100644
index 0000000..fdb4e8c
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/errorSmall_red_10px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="10px" viewBox="0 0.001 10 10" enable-background="new 0 0.001 10 10" xml:space="preserve">
+<defs>
+</defs>
+<circle fill="#E32219" cx="5" cy="5.001" r="5"/>
+<path fill="#FFFFFF" d="M6.677,7.801L5.013,6.137L3.336,7.814L2.187,6.665l1.678-1.677L2.199,3.323l1.118-1.118l1.665,1.664
+ l1.682-1.682l1.149,1.149L6.131,5.018l1.664,1.665L6.677,7.801z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="10"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_black_10x8px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_black_10x8px.svg
new file mode 100644
index 0000000..5a00974
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_black_10x8px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="8px" viewBox="0 0.001 10 8" enable-background="new 0 0.001 10 8" xml:space="preserve">
+<defs>
+</defs>
+<path d="M4,8C3.735,8,3.48,7.896,3.293,7.708l-3-3c-0.391-0.391-0.391-1.024,0-1.414c0.391-0.39,1.023-0.39,1.414,0L3.933,5.52
+ l4.299-5.159c0.354-0.424,0.982-0.482,1.409-0.128c0.424,0.354,0.481,0.984,0.128,1.408l-5,6C4.588,7.857,4.326,7.986,4.045,7.999
+ C4.03,8,4.015,8,4,8z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_green_10x8px.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_green_10x8px.svg
new file mode 100644
index 0000000..257b5b0
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/other/tick_green_10x8px.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="10px" height="8px" viewBox="0 0.001 10 8" enable-background="new 0 0.001 10 8" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#89BA17" d="M4,8C3.735,8,3.48,7.896,3.293,7.708l-3-3c-0.391-0.391-0.391-1.024,0-1.414c0.391-0.39,1.023-0.39,1.414,0
+ L3.933,5.52l4.299-5.159c0.354-0.424,0.983-0.482,1.409-0.128c0.424,0.354,0.481,0.984,0.128,1.408l-5,6
+ C4.588,7.857,4.326,7.986,4.045,7.999C4.03,8,4.015,8,4,8z"/>
+<rect display="none" opacity="0.2" fill="#E94E47" width="10" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_end.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_end.svg
new file mode 100644
index 0000000..1818acd
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_end.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="8px" height="8px" viewBox="0 0 8 8" enable-background="new 0 0 8 8" xml:space="preserve">
+<polygon fill="#0E68B2" points="3.224,4 0,8 1.774,8 5,4 1.774,0 0,0 "/>
+<rect x="6.6" fill="#0E68B2" width="1.4" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_next.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_next.svg
new file mode 100644
index 0000000..e2fb848
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_next.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 0 5 8" enable-background="new 0 0 5 8" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#0066B3" d="M1.707,0.293l3,3C4.902,3.488,5,3.744,5,4S4.902,4.512,4.707,4.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0
+ s-0.391-1.023,0-1.414L2.586,4L0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414S1.316-0.098,1.707,0.293z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_previous.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_previous.svg
new file mode 100644
index 0000000..44d3d6b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_previous.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
+]>
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+ x="0px" y="0px" width="5px" height="8px" viewBox="0 -0.001 5 8" enable-background="new 0 -0.001 5 8" xml:space="preserve">
+<defs>
+</defs>
+<path fill="#0066B3" d="M3.292,7.708l-3-3C0.098,4.512,0,4.256,0,4c0-0.255,0.098-0.511,0.293-0.707l3-3
+ c0.391-0.391,1.023-0.391,1.413,0c0.392,0.391,0.392,1.023,0,1.414L2.414,4l2.292,2.292c0.392,0.392,0.391,1.024,0,1.415
+ C4.317,8.097,3.684,8.098,3.292,7.708z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_start.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_start.svg
new file mode 100644
index 0000000..f84f73e
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/pagination/pagination_start.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="8px" height="8px" viewBox="0 0 8 8" enable-background="new 0 0 8 8" xml:space="preserve">
+<polygon fill="#0E68B2" points="4.775,4 8,0 6.227,0 3,4 6.227,8 8,8 "/>
+<rect fill="#0E68B2" width="1.4" height="8"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/help_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/help_black.svg
new file mode 100644
index 0000000..14fdf5d
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/help_black.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#1D1D1B" d="M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M8.608,12.149
+ c-0.205,0.183-0.442,0.273-0.711,0.273c-0.277,0-0.521-0.09-0.728-0.27c-0.207-0.181-0.311-0.433-0.311-0.756
+ c0-0.287,0.101-0.528,0.3-0.724c0.201-0.196,0.447-0.295,0.738-0.295c0.287,0,0.529,0.099,0.725,0.295
+ c0.196,0.195,0.295,0.437,0.295,0.724C8.917,11.717,8.813,11.967,8.608,12.149z M10.46,6.227c-0.123,0.229-0.27,0.427-0.439,0.594
+ C9.85,6.986,9.545,7.267,9.104,7.661c-0.122,0.111-0.22,0.208-0.293,0.292C8.738,8.038,8.684,8.114,8.647,8.185
+ c-0.036,0.069-0.063,0.14-0.083,0.209c-0.02,0.07-0.049,0.193-0.089,0.368C8.408,9.135,8.194,9.32,7.837,9.32
+ c-0.187,0-0.343-0.061-0.47-0.183C7.239,9.016,7.176,8.835,7.176,8.595c0-0.301,0.047-0.561,0.14-0.782
+ c0.093-0.22,0.217-0.413,0.371-0.58C7.84,7.067,8.048,6.869,8.31,6.64c0.229-0.201,0.395-0.352,0.497-0.454
+ c0.102-0.103,0.188-0.216,0.257-0.341c0.07-0.125,0.105-0.261,0.105-0.408c0-0.287-0.107-0.528-0.32-0.725S8.361,4.417,8.024,4.417
+ c-0.394,0-0.684,0.099-0.87,0.298C6.968,4.913,6.811,5.206,6.682,5.593C6.56,5.998,6.329,6.2,5.989,6.2
+ c-0.201,0-0.37-0.071-0.508-0.212C5.344,5.846,5.274,5.693,5.274,5.528c0-0.34,0.109-0.685,0.328-1.034
+ C5.82,4.146,6.14,3.856,6.559,3.627s0.907-0.344,1.466-0.344c0.52,0,0.978,0.096,1.375,0.287c0.397,0.192,0.705,0.452,0.922,0.782
+ c0.216,0.33,0.324,0.688,0.324,1.074C10.646,5.73,10.584,5.998,10.46,6.227z"/>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/logout_black.svg b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/logout_black.svg
new file mode 100644
index 0000000..af297ac
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/systemBar/logout_black.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+ <g>
+ <path fill="#1D1D1B" d="M10.77,12.455c0,0-0.684,0.192-0.684-0.684c0-0.199,0-0.861,0-1.711H5.98
+ c-0.377,0-0.684-0.308-0.684-0.684V6.639c0-0.377,0.307-0.684,0.684-0.684h4.106c0-0.818,0-1.475,0-1.732
+ c0-0.919,0.684-0.662,0.684-0.662l5.133,4.447L10.77,12.455z"/>
+ </g>
+ <path fill="#1D1D1B" d="M9.85,14H3.099c-0.551,0-1-0.447-1-1V3c0-0.552,0.449-1,1-1H9.85V0H3.099c-1.656,0-3,1.344-3,3v10
+ c0,1.656,1.344,3,3,3H9.85V14z"/>
+</g>
+</svg>
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/button.png b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/button.png
new file mode 100644
index 0000000..15aa1a9
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/button.png
Binary files differ
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/pagecustomization.PNG b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/pagecustomization.PNG
new file mode 100644
index 0000000..6764117
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/pagecustomization.PNG
Binary files differ
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/systembar.png b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/systembar.png
new file mode 100644
index 0000000..32b86de
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/systembar.png
Binary files differ
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/table.png b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/table.png
new file mode 100644
index 0000000..edc7b45
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/table.png
Binary files differ
diff --git a/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/typography.png b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/typography.png
new file mode 100644
index 0000000..ab97b3b
--- /dev/null
+++ b/gui-editors/gui-editor-apex/src/main/webapp/dist/resources/whitelabel/typography.png
Binary files differ