test: complete vertex directions; updated docs

tsypuk · Aug 19, 2023 · 36b2db7 · 36b2db7
1 parent c085c1c
commit 36b2db7
Show file tree

Hide file tree

Showing 21 changed files with 240 additions and 145 deletions.
diff --git a/docs/docs/core-components/colors.md b/docs/docs/core-components/colors.md
@@ -7,8 +7,7 @@ date: 2023-08-16
 ---
 
 # Customization
-{: .d-inline-block }
-{: .no_toc }
+{: .d-inline-block  .no_toc}
 
 New (v0.3.13)
 {: .label .label-green }
@@ -95,6 +94,34 @@ When specifying ``gradient fill`` it is mandatory to set 3 style params:
 ![layers](output/jpg/color_gradient.jpg)
 
 
+## Change the Direction of Vertex:
+
+## Code Snippet:
+{: .no_toc }
+
+```python
+{% root_include_snippet ../tests/core/test_colors.py color_direction%}
+```
+
+## Rendering:
+{: .no_toc }
+![layers](output/jpg/color_direction.jpg)
+
+
+## Vertex without any labels:
+
+## Code Snippet:
+{: .no_toc }
+
+```python
+{% root_include_snippet ../tests/core/test_colors.py color_nolabel%}
+```
+
+## Rendering:
+{: .no_toc }
+![layers](output/jpg/color_nolabel.jpg)
+
+
 ## Applying Colors to Table
 
 ## Code Snippet:

diff --git a/docs/docs/core-components/fallback_vertex.md b/docs/docs/core-components/fallback_vertex.md
@@ -7,11 +7,19 @@ date: 2023-08-06
 ---
 
 # Fallback Vertex
-{: .d-inline-block }
+{: .d-inline-block .no_toc }
 
 New (v0.2.0)
 {: .label .label-green }
 
+## Table of contents
+{: .no_toc .text-delta }
+
+1. TOC
+{:toc}
+
+---
+
 {: .note }
 Framework library is periodically updated with new ``Vertex`` types added. 
 If you are using not currently supported vertex type, the fallback icon will be rendered for such element. 

diff --git a/docs/docs/core-components/list.md b/docs/docs/core-components/list.md
@@ -69,8 +69,6 @@ style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;ho
 |swimlane|  |
 |whiteSpace| wrap |
 
-### Vertex size:
-
 
 ### Full XML dump:
 ```xml

diff --git a/docs/docs/core-components/map.md b/docs/docs/core-components/map.md
@@ -69,8 +69,6 @@ style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;ho
 |swimlane|  |
 |whiteSpace| wrap |
 
-### Vertex size:
-
 
 ### Full XML dump:
 ```xml

diff --git a/docs/docs/core-components/output/drawio/color_direction.drawio b/docs/docs/core-components/output/drawio/color_direction.drawio
@@ -0,0 +1,22 @@
+<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
+	<diagram id="diagram_1" name="AWS components">
+		<mxGraphModel dx="1015" dy="661" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="1">
+			<root>
+				<mxCell id="0"/>
+				<mxCell id="1" parent="0"/>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:north" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:north&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:north" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;noLabel=1;direction=north;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="240"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:south" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:south&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:south" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;noLabel=1;direction=south;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="160"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:east" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:east&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:east" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;noLabel=1;direction=east;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:west" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:west&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:west" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;noLabel=1;direction=west;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="80"/>
+				</mxCell>
+			</root>
+		</mxGraphModel>
+	</diagram>
+</mxfile>
diff --git a/docs/docs/core-components/output/drawio/color_gradient.drawio b/docs/docs/core-components/output/drawio/color_gradient.drawio
@@ -4,8 +4,20 @@
 			<root>
 				<mxCell id="0"/>
 				<mxCell id="1" parent="0"/>
-				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" value="&lt;b&gt;Name&lt;/b&gt;: prod-lambda-name&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#FFFF33;gradientColor=#3333FF;html=1;gradientDirection=north;" parent="1" vertex="1">
-					<mxGeometry width="69" height="72" as="geometry"/>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:north" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:north&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:north" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#FFFF33;gradientColor=#3399FF;html=1;noLabel=1;gradientDirection=north;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="80" y="190"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:south" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:south&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:south" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#FFFF33;gradientColor=#3399FF;html=1;noLabel=1;gradientDirection=south;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="160" y="190"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:east" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:east&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:east" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#FFFF33;gradientColor=#3399FF;html=1;noLabel=1;gradientDirection=east;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" y="190"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:west" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:west&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:west" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#FFFF33;gradientColor=#3399FF;html=1;noLabel=1;gradientDirection=west;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="240" y="190"/>
+				</mxCell>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:radial" value="&lt;b&gt;Name&lt;/b&gt;: gradientDirection:radial&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:radial" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#FFFF33;gradientColor=#3399FF;html=1;noLabel=1;gradientDirection=radial;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry" x="320" y="190"/>
 				</mxCell>
 			</root>
 		</mxGraphModel>

diff --git a/docs/docs/core-components/output/drawio/color_nolabel.drawio b/docs/docs/core-components/output/drawio/color_nolabel.drawio
@@ -0,0 +1,13 @@
+<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
+	<diagram id="diagram_1" name="AWS components">
+		<mxGraphModel dx="1015" dy="661" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="1">
+			<root>
+				<mxCell id="0"/>
+				<mxCell id="1" parent="0"/>
+				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:nolabel" value="&lt;b&gt;Name&lt;/b&gt;: no-label&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:nolabel" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;noLabel=1;" parent="1" vertex="1">
+					<mxGeometry width="69" height="72" as="geometry"/>
+				</mxCell>
+			</root>
+		</mxGraphModel>
+	</diagram>
+</mxfile>
diff --git a/docs/docs/core-components/output/drawio/color_table.drawio b/docs/docs/core-components/output/drawio/color_table.drawio
@@ -1 +1,22 @@
-<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud"><diagram id="diagram_1" name="AWS components"><mxGraphModel dx="1015" dy="661" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="1"><root><mxCell id="0" /><mxCell id="1" parent="0" /><mxCell id="vertex:LSI:users_to_model-users-idx:list" value="&lt;b&gt;LSI:users_to_model-users-idx&lt;/b&gt;" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#FF9933;" parent="1" vertex="1"><mxGeometry width="300" height="120" as="geometry" /></mxCell><mxCell id="vertex:LSI:users_to_model-users-idx:row:0" value="IndexName" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="vertex:LSI:users_to_model-users-idx:list" vertex="1"><mxGeometry width="300" height="30" y="30" as="geometry" /></mxCell><mxCell id="vertex:LSI:users_to_model-users-idx:row:1" value="IndexSizeBytes" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="vertex:LSI:users_to_model-users-idx:list" vertex="1"><mxGeometry width="300" height="30" y="60" as="geometry" /></mxCell><mxCell id="vertex:LSI:users_to_model-users-idx:row:2" value="IndexStatus" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="vertex:LSI:users_to_model-users-idx:list" vertex="1"><mxGeometry width="300" height="30" y="90" as="geometry" /></mxCell></root></mxGraphModel></diagram></mxfile>
+<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
+	<diagram id="diagram_1" name="AWS components">
+		<mxGraphModel dx="1015" dy="661" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="1">
+			<root>
+				<mxCell id="0"/>
+				<mxCell id="1" parent="0"/>
+				<mxCell id="vertex:LSI:users_to_model-users-idx:list" value="&lt;b&gt;LSI:users_to_model-users-idx&lt;/b&gt;" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;whiteSpace=wrap;html=1;fillColor=#FF9933;" parent="1" vertex="1">
+					<mxGeometry width="300" height="120" as="geometry"/>
+				</mxCell>
+				<mxCell id="vertex:LSI:users_to_model-users-idx:row:0" value="IndexName" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="vertex:LSI:users_to_model-users-idx:list" vertex="1">
+					<mxGeometry width="300" height="30" y="30" as="geometry"/>
+				</mxCell>
+				<mxCell id="vertex:LSI:users_to_model-users-idx:row:1" value="IndexSizeBytes" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="vertex:LSI:users_to_model-users-idx:list" vertex="1">
+					<mxGeometry width="300" height="30" y="60" as="geometry"/>
+				</mxCell>
+				<mxCell id="vertex:LSI:users_to_model-users-idx:row:2" value="IndexStatus" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="vertex:LSI:users_to_model-users-idx:list" vertex="1">
+					<mxGeometry width="300" height="30" y="90" as="geometry"/>
+				</mxCell>
+			</root>
+		</mxGraphModel>
+	</diagram>
+</mxfile>
diff --git a/docs/docs/core-components/output/drawio/yaml3.drawio b/docs/docs/core-components/output/drawio/yaml3.drawio
@@ -1,129 +1,45 @@
 <mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
-
-
 	<diagram id="diagram_1" name="AWS components">
-
-
 		<mxGraphModel dx="1015" dy="661" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="1">
-
-
 			<root>
-
-
 				<mxCell id="0"/>
-
-
 				<mxCell id="1" parent="0"/>
-
-
 				<mxCell id="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" value="&lt;b&gt;Name&lt;/b&gt;: prod-lambda-name&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" style="verticalLabelPosition=bottom;verticalAlign=top;aspect=fixed;align=left;pointerEvents=1;shape=mxgraph.aws3.lambda_function;prIcon=server;fillColor=#F58534;gradientColor=none;html=1;" parent="1" vertex="1">
-
-
 					<mxGeometry width="69" height="72" as="geometry" x="100" y="-230"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="vertex:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" value="&lt;b&gt;Name&lt;/b&gt;: prod-dynamo-table&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.dynamo_db;fillColor=#2E73B8;gradientColor=none;" parent="1" vertex="1">
-
-
 					<mxGeometry width="72" height="81" as="geometry" x="100" y="-70"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" edge="2">
-
-
 					<mxGeometry as="geometry"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" value="GET permissions" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:dynamo:arn:aws:dynamodb:eu-west-1:123456789012:table/prod-dynamo-table" vertex="1" connectable="0">
-
-
 					<mxGeometry relative="1" as="geometry">
-
-
 						<mxPoint as="offset"/>
-
-
 					</mxGeometry>
-
-
 				</mxCell>
-
-
 				<mxCell id="vertex:mq_broker:host.broker.com" value="&lt;b&gt;Name&lt;/b&gt;: event-broker&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: host.broker.com" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#B0084D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.mq_broker;" parent="1" vertex="1">
-
-
 					<mxGeometry width="78" height="78" as="geometry" x="-160" y="-233"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="vertex:http:domain.com" value="&lt;b&gt;Name&lt;/b&gt;: on-prem-server&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: domain.com" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.http_protocol;fillColor=#5294CF;gradientColor=none;" parent="1" vertex="1">
-
-
 					<mxGeometry width="63" height="66" as="geometry" x="103" y="-420"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:mq_broker:host.broker.com" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:mq_broker:host.broker.com" edge="2">
-
-
 					<mxGeometry as="geometry"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:mq_broker:host.broker.com" value="Publish user activity log" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:mq_broker:host.broker.com" vertex="1" connectable="0">
-
-
 					<mxGeometry relative="1" as="geometry">
-
-
 						<mxPoint as="offset" x="-49" y="-16"/>
-
-
 					</mxGeometry>
-
-
 				</mxCell>
-
-
 				<mxCell id="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:http:domain.com" style="endFill=0;endArrow=none;endArrow=none;" parent="1" source="vertex:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name" target="vertex:http:domain.com" edge="2">
-
-
 					<mxGeometry as="geometry"/>
-
-
 				</mxCell>
-
-
 				<mxCell id="label:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:http:domain.com" value="HTTP GET user actions" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelBackgroundColor=none;" parent="edge:lambda_function:arn:aws:lambda:eu-west-1:123456789012:function:prod-lambda-name:to:http:domain.com" vertex="1" connectable="0">
-
-
 					<mxGeometry relative="1" as="geometry">
-
-
 						<mxPoint as="offset" y="22"/>
-
-
 					</mxGeometry>
-
-
 				</mxCell>
-
-
 				<mxCell id="vertex:http:domain2.com" value="&lt;b&gt;Name&lt;/b&gt;: oauth-server&lt;BR&gt;&lt;b&gt;ID&lt;/b&gt;: domain2.com" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.http_protocol;fillColor=#5294CF;gradientColor=none;" parent="1" vertex="1">
 					<mxGeometry width="63" height="66" as="geometry"/>
 				</mxCell>
@@ -136,12 +52,6 @@
 					</mxGeometry>
 				</mxCell>
 			</root>
-
-
 		</mxGraphModel>
-
-
 	</diagram>
-
-
 </mxfile>
diff --git a/docs/docs/core-components/output/jpg/color_blue.jpg b/docs/docs/core-components/output/jpg/color_blue.jpg
diff --git a/docs/docs/core-components/output/jpg/color_direction.jpg b/docs/docs/core-components/output/jpg/color_direction.jpg
diff --git a/docs/docs/core-components/output/jpg/color_gradient.jpg b/docs/docs/core-components/output/jpg/color_gradient.jpg
diff --git a/docs/docs/core-components/output/jpg/color_nolabel.jpg b/docs/docs/core-components/output/jpg/color_nolabel.jpg
diff --git a/docs/docs/core-components/snapshot.md b/docs/docs/core-components/snapshot.md
@@ -69,8 +69,6 @@ style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;ho
 |swimlane|  |
 |whiteSpace| wrap |
 
-### Vertex size:
-
 
 ### Full XML dump:
 ```xml