svg-layout-designer-react/docs/ComponentStructure.drawio
2022-09-22 10:51:11 +02:00

296 lines
No EOL
26 KiB (Stored with Git LFS)
Text

<mxfile host="65bd71144e">
<diagram id="Lr04U8grSjRMwiP2IEPw" name="Page-1">
<mxGraphModel dx="2688" dy="383" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="jYfnhEeRdwtffzVx_WMa-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-1" target="jYfnhEeRdwtffzVx_WMa-2" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-1" target="jYfnhEeRdwtffzVx_WMa-5" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-1" value="App" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="460" y="150" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="jYfnhEeRdwtffzVx_WMa-2" target="jYfnhEeRdwtffzVx_WMa-3" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-2" target="jYfnhEeRdwtffzVx_WMa-4" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-2" value="Editor&lt;br&gt;&lt;i&gt;SVG Editor&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="354" y="260" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-31" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-24" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-28" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-26" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-27" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-25" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="30" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;rounded=0;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="18" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-3" value="UI&lt;br&gt;&lt;i&gt;User interface&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-100" y="370" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-4" target="jYfnhEeRdwtffzVx_WMa-6" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-4" value="SVG&lt;br&gt;&lt;i&gt;Contains the SVG Element&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="430" y="370" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-5" value="MainMenu&lt;br&gt;&lt;i&gt;First screen with 3 states: Main, Load, Loading&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="580" y="260" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="jYfnhEeRdwtffzVx_WMa-8" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-11" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="jYfnhEeRdwtffzVx_WMa-7" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="39" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;rounded=0;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="38">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-6" value="ReactSVGPanZoom&lt;br&gt;&lt;i&gt;Controller for the svg&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="385" y="480" width="210" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-12" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-7" target="jYfnhEeRdwtffzVx_WMa-9" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-7" value="Container" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="340" y="590" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-8" value="Selector&lt;br&gt;&lt;i&gt;Blue rectangle selector&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="520" y="590" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-9" value="Dimension&lt;br&gt;&lt;i&gt;The line shown above the container&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="340" y="700" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-18" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="560" y="560" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-19" value="1..n" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="354" y="560" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-20" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="490" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-21" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="630" y="230" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-22" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="370" y="230" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-23" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-80" y="340" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-36" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-24" target="jYfnhEeRdwtffzVx_WMa-30" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-24" value="Bar&lt;br&gt;&lt;i&gt;Menu bar with icons&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="10" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-25" value="Sidebar&lt;br&gt;&lt;i&gt;Sidebar of components&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-640" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-26" target="jYfnhEeRdwtffzVx_WMa-37" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-26" target="jYfnhEeRdwtffzVx_WMa-38" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-26" value="ElementsSidebar&lt;br&gt;&lt;i&gt;Show the current active elements&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-240" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-27" value="History&lt;br&gt;&lt;i&gt;Editor's actions history&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-450" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-28" value="FloatingButton&lt;br&gt;&lt;i&gt;Floating menu with icon&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="150" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-30" value="BarIcon&lt;br&gt;&lt;i&gt;Button with icon&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="10" y="585" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="5" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="jYfnhEeRdwtffzVx_WMa-37" target="3" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="-260" y="690" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-37" value="ContainerProperties&lt;br&gt;&lt;i&gt;Properties of the container&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-320" y="585" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-38" value="Menu&lt;br&gt;&lt;i&gt;Context menu&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-150" y="585" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-41" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="50" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-42" value="0..n" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="60" y="560" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-43" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="200" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-44" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-190" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-45" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-100" y="555" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-46" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-400" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-47" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-580" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="3" target="12" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-260" y="770"/>
<mxPoint x="-190" y="770"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="3" target="34" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-260" y="770"/>
<mxPoint x="-60" y="770"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="3" value="ContainerForm&lt;br&gt;&lt;i&gt;Form for the properties of the container&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-320" y="690" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;" parent="1" target="11" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-260" y="770"/>
<mxPoint x="-340" y="770"/>
</Array>
<mxPoint x="-260" y="750" as="sourcePoint"/>
</mxGeometry>
</mxCell>
<mxCell id="8" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-270" y="660" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="9" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-310" y="560" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="11" value="InputGroup&lt;br&gt;A label and a &quot;text&quot; input (can be a checkbox)" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-420" y="800" width="160" height="60" as="geometry"/>
</mxCell>
<mxCell id="12" value="RadioGroupButtons" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-250" y="800" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="18" target="20" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="18" target="21" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="18" value="SymbolsSidebar&lt;br&gt;&lt;i&gt;Show the current active symbols&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-870" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="19" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="20" target="24" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="-890" y="690" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="20" value="SymbolProperties&lt;br&gt;&lt;i&gt;Properties of the symbol&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-950" y="585" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="21" value="Menu&lt;br&gt;&lt;i&gt;Context menu&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-780" y="585" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="22" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-730" y="555" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="23" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="24" target="29" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-890" y="770"/>
<mxPoint x="-820" y="770"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;" parent="1" source="24" target="32" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-890" y="770"/>
<mxPoint x="-690" y="770"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="24" value="SymbolForm&lt;br&gt;&lt;i&gt;Form for the properties&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-950" y="690" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="25" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;" parent="1" target="28" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-890" y="770"/>
<mxPoint x="-970" y="770"/>
</Array>
<mxPoint x="-890" y="750" as="sourcePoint"/>
</mxGeometry>
</mxCell>
<mxCell id="26" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-900" y="660" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="27" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-930" y="575" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="28" value="InputGroup&lt;br&gt;A label and a &quot;text&quot; input (can be a checkbox)" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-1050" y="800" width="160" height="60" as="geometry"/>
</mxCell>
<mxCell id="29" value="RadioGroupButtons" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-880" y="800" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="31" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="-810" y="450" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="32" value="Select" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-750" y="800" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="34" value="Select" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-120" y="800" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="36" value="MessageSidebar&lt;br&gt;&lt;i&gt;Sidebar of message&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-1090" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="37" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;rounded=0;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="36">
<mxGeometry relative="1" as="geometry">
<mxPoint x="-90" y="410" as="sourcePoint"/>
<mxPoint x="-800" y="490" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="38" target="jYfnhEeRdwtffzVx_WMa-9">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="745" y="730"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="38" value="DepthDimensionLayer&lt;br&gt;&lt;i&gt;Display a dimension by layer&lt;/i&gt;" style="whiteSpace=wrap;html=1;rounded=0;" vertex="1" parent="1">
<mxGeometry x="680" y="590" width="130" height="60" as="geometry"/>
</mxCell>
<mxCell id="41" value="1..n" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="460" y="700" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="42" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="690" y="560" width="60" height="30" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>