svg-layout-designer-react/docs/ComponentStructure.drawio
2022-10-03 17:11:40 +02:00

274 lines
No EOL
24 KiB (Stored with Git LFS)
Text

<mxfile host="65bd71144e">
<diagram id="Lr04U8grSjRMwiP2IEPw" name="Page-1">
<mxGraphModel dx="4427" dy="968" 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">
<Array as="points">
<mxPoint x="414" y="350"/>
<mxPoint x="-40" y="350"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="86" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-2" target="50">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="414" y="350"/>
<mxPoint x="660" y="350"/>
</Array>
</mxGeometry>
</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-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="54" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="53">
<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="370" y="585" 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;" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="38" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="46" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="43">
<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="325" y="695" width="210" height="60" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-7" value="Container" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="280" y="800" 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="460" y="800" 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="700" y="910" width="120" height="60" 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="-100" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="62" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-25" target="jYfnhEeRdwtffzVx_WMa-27">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="63" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-25" target="jYfnhEeRdwtffzVx_WMa-26">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="64" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-25" target="18">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="65" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-25" target="36">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="67" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-25" target="66">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="82" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-25" target="81">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="jYfnhEeRdwtffzVx_WMa-25" value="Sidebar&lt;br&gt;&lt;i&gt;Sidebar&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-26" value="ElementsList&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="-330" y="590" 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="-640" y="600" 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="-100" 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="-270" y="797.5" as="targetPoint"/>
<mxPoint x="-270" y="770" as="sourcePoint"/>
</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="-330" y="695" width="120" height="60" as="geometry"/>
</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="-270" y="883"/>
<mxPoint x="-70" y="883"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="60" 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;" edge="1" parent="1" source="3" target="58">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="61" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="3" target="59">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="73" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="3" target="11">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="74" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="3" target="71">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="78" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="3" target="77">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="83" 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;" edge="1" parent="1" source="3" target="70">
<mxGeometry relative="1" as="geometry"/>
</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="-330" y="797.5" width="120" height="60" 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="-470" y="907.5" 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="-280" y="1015" 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="18" value="SymbolsList&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="-800" y="600" 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="-740" y="810" 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="-800" y="705" width="120" height="60" as="geometry"/>
</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="-800" y="810" 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="-130" y="905" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="36" value="Messages&lt;br&gt;&lt;i&gt;List of messages&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="-960" y="600" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="44" style="edgeStyle=orthogonalEdgeStyle;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;rounded=0;" edge="1" parent="1" source="38" target="jYfnhEeRdwtffzVx_WMa-9">
<mxGeometry relative="1" as="geometry"/>
</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;" parent="1" vertex="1">
<mxGeometry x="620" y="800" 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;" parent="1" vertex="1">
<mxGeometry x="760" y="900" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="45" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="43" target="jYfnhEeRdwtffzVx_WMa-9">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="43" value="DimensionLayer&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="767" y="800" width="130" height="60" as="geometry"/>
</mxCell>
<mxCell id="85" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="50" target="84">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="50" value="Menu&lt;br&gt;&lt;i&gt;ContextMenu&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="600" y="360" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="55" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="53" target="jYfnhEeRdwtffzVx_WMa-4">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="57" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" edge="1" parent="1" source="53" target="56">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="53" value="Viewer&lt;br&gt;&lt;i&gt;SVG or Canvas Viewer&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="174" y="480" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="56" value="Canvas&lt;br&gt;&lt;i&gt;Representation by Canvas API&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="174" y="585" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="58" value="TextInputGroup&lt;br&gt;&lt;i&gt;Same as InputGroup but with Enter key to validate&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry y="907.5" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="59" value="Category" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-600" y="907.5" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="69" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="66" target="68">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="66" value="Components&lt;br&gt;List of available containers" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-1110" y="600" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="68" value="Category" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-1110" y="705" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="70" value="ToggleButton&lt;br&gt;&lt;i&gt;A checkbox as a toggle button&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="130" y="907.5" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="76" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="71" target="12">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="71" value="PositionReferenceSelector" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-300" y="907.5" width="160" height="60" as="geometry"/>
</mxCell>
<mxCell id="75" 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;" edge="1" parent="1" source="3" target="34">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="-270" y="883"/>
<mxPoint x="-70" y="883"/>
</Array>
<mxPoint x="-270" y="857.5" as="sourcePoint"/>
<mxPoint x="-70" y="905" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="80" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=classic;endFill=1;" edge="1" parent="1" source="77" target="79">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="77" value="PositionCheckboxes" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-730" y="907.5" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="79" value="CheckboxGroupButtons" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-745" y="1015" width="150" height="60" as="geometry"/>
</mxCell>
<mxCell id="81" value="Symbols&lt;br&gt;&lt;i&gt;Show the available symbols&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-1250" y="600" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="84" value="MenuItem&lt;br&gt;&lt;i&gt;ContextMenu item&lt;/i&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="600" y="470" width="120" height="60" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>