MenuTransitions.drawio

<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:129.0) Gecko/20100101 Firefox/129.0" version="24.7.7" pages="6">
  <diagram name="RelationOfNodes" id="iKxuEZNfw2O1NoVfiC6R">
    <mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-2" value="&lt;div&gt;MenuController&lt;/div&gt;&lt;div&gt;Godot - Global&lt;br&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
          <mxGeometry x="250" y="80" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;dashed=1;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-3" target="TVJO6SpJhbvBE_Pmetm3-5" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-3" value="&lt;div&gt;Button&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="180" y="360" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-4" target="TVJO6SpJhbvBE_Pmetm3-6" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-4" value="TextureButton" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="330" y="360" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-5" target="TVJO6SpJhbvBE_Pmetm3-2" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-5" value="TransitionButton" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1">
          <mxGeometry x="180" y="250" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-6" target="TVJO6SpJhbvBE_Pmetm3-2" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-17" value="Button pressed" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="TVJO6SpJhbvBE_Pmetm3-16" vertex="1" connectable="0">
          <mxGeometry x="0.0439" y="-1" relative="1" as="geometry">
            <mxPoint x="-36" y="1" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-6" value="TransitionTextureButton" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1">
          <mxGeometry x="320" y="250" width="140" height="60" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-9" value="Properties&amp;nbsp; (Export)" 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;" parent="1" vertex="1">
          <mxGeometry x="250" y="480" width="140" height="120" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-10" value="TransitionType" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="TVJO6SpJhbvBE_Pmetm3-9" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-11" value="TransitionTo (PackedScene)" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="TVJO6SpJhbvBE_Pmetm3-9" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-12" value="Transition (Resource)" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="TVJO6SpJhbvBE_Pmetm3-9" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;dashed=1;exitX=0.369;exitY=0.003;exitDx=0;exitDy=0;exitPerimeter=0;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-9" target="TVJO6SpJhbvBE_Pmetm3-3" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="260" y="450" as="sourcePoint" />
            <mxPoint x="260" y="400" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;dashed=1;exitX=0.679;exitY=-0.018;exitDx=0;exitDy=0;exitPerimeter=0;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-9" target="TVJO6SpJhbvBE_Pmetm3-4" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="360" y="440" as="sourcePoint" />
            <mxPoint x="360" y="390" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-22" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-18" target="TVJO6SpJhbvBE_Pmetm3-10" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-18" value="TransitionType (Enum)" 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;" parent="1" vertex="1">
          <mxGeometry x="590" y="280" width="140" height="120" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-19" value="&lt;div&gt;Push&lt;/div&gt;" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="TVJO6SpJhbvBE_Pmetm3-18" vertex="1">
          <mxGeometry y="30" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-20" value="Pop" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="TVJO6SpJhbvBE_Pmetm3-18" vertex="1">
          <mxGeometry y="60" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-21" value="Switch" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" parent="TVJO6SpJhbvBE_Pmetm3-18" vertex="1">
          <mxGeometry y="90" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-24" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="TVJO6SpJhbvBE_Pmetm3-23" target="TVJO6SpJhbvBE_Pmetm3-11" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-23" value="Any Scene with the root derived from &#39;Control&#39;" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="680" y="420" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="TVJO6SpJhbvBE_Pmetm3-25" value="&lt;div&gt;Special built node&amp;nbsp;&lt;/div&gt;&lt;div&gt;for this addon&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1">
          <mxGeometry x="600" y="50" width="140" height="60" as="geometry" />
        </mxCell>
        <mxCell id="m5n6xwrtbQx-6HZyjeRE-1" value="Added as a child-node" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="1">
          <mxGeometry x="580" y="585" width="90" height="60" as="geometry" />
        </mxCell>
        <mxCell id="m5n6xwrtbQx-6HZyjeRE-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.344;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="m5n6xwrtbQx-6HZyjeRE-1" target="TVJO6SpJhbvBE_Pmetm3-12">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram name="Flow" id="W1IDKgRX0HpsQwxDYuru">
    <mxGraphModel dx="819" dy="431" 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="8_Wzi9dIYf5JuMLY92vr-0" />
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-1" parent="8_Wzi9dIYf5JuMLY92vr-0" />
        <mxCell id="P0LxQzF5MVkVxDQGscoO-4" value="" style="rounded=0;whiteSpace=wrap;html=1;dashed=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="400" y="584" width="280" height="46" as="geometry" />
        </mxCell>
        <mxCell id="M5WX9E3il3SHJGs2K32r-5" value="" style="rounded=0;whiteSpace=wrap;html=1;dashed=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="400" y="539" width="280" height="46" as="geometry" />
        </mxCell>
        <mxCell id="M5WX9E3il3SHJGs2K32r-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.51;entryY=0.818;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" source="M5WX9E3il3SHJGs2K32r-8" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="419.02380952380963" y="523" as="sourcePoint" />
            <mxPoint x="650" y="565" as="targetPoint" />
            <Array as="points">
              <mxPoint x="649" y="565" />
              <mxPoint x="649" y="565" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="M5WX9E3il3SHJGs2K32r-7" value="QueueFree()" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="M5WX9E3il3SHJGs2K32r-6">
          <mxGeometry x="0.1429" y="-1" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="M5WX9E3il3SHJGs2K32r-8" value="Pop" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;labelBorderColor=none;textShadow=1;fontSize=16;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="400" y="535" width="50" height="30" as="geometry" />
        </mxCell>
        <mxCell id="M5WX9E3il3SHJGs2K32r-0" value="" style="rounded=0;whiteSpace=wrap;html=1;dashed=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="400" y="494" width="280" height="46" as="geometry" />
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-2" value="" style="rounded=0;whiteSpace=wrap;html=1;dashed=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="340" y="250" width="210" height="60" as="geometry" />
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;startArrow=block;startFill=1;endArrow=oval;endFill=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="418.92857142857133" y="263.02857142857135" as="sourcePoint" />
            <mxPoint x="532.5" y="263.02857142857135" as="targetPoint" />
            <Array as="points">
              <mxPoint x="479" y="263" />
              <mxPoint x="479" y="263" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-4" value="Get previous Scene" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8TJlfUQPXleJeoFz5dSI-3">
          <mxGeometry x="0.0252" y="-2" relative="1" as="geometry">
            <mxPoint y="1" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-0" value="" style="rounded=0;whiteSpace=wrap;html=1;dashed=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="340" y="220" width="210" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-6" value="Pop" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;labelBorderColor=none;textShadow=1;fontSize=16;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="340" y="246" width="50" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-2" value="Transition" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="210" y="80" width="100" height="410" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-3" value="" style="html=1;points=[[0,0,0,0,5],[0,1,0,0,-5],[1,0,0,0,5],[1,1,0,0,-5]];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-2">
          <mxGeometry x="44.5" y="308" width="11" height="80" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1" source="8_Wzi9dIYf5JuMLY92vr-6" target="8_Wzi9dIYf5JuMLY92vr-9">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="160" y="140" />
              <mxPoint x="160" y="140" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-5" value="User press" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8_Wzi9dIYf5JuMLY92vr-4">
          <mxGeometry x="-0.1531" y="1" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-6" value="" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="80" y="70" width="20" height="120" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;startArrow=oval;startFill=1;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1" source="8_Wzi9dIYf5JuMLY92vr-9" target="8_Wzi9dIYf5JuMLY92vr-14">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="240" y="160" />
              <mxPoint x="240" y="160" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-8" value="TransitionToMenu()" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8_Wzi9dIYf5JuMLY92vr-7">
          <mxGeometry x="0.0311" y="-2" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-9" value="Button" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="130" y="70" width="100" height="300" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;startArrow=block;startFill=1;endArrow=oval;endFill=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="418.92857142857133" y="233.02857142857135" as="sourcePoint" />
            <mxPoint x="532.5" y="233.02857142857135" as="targetPoint" />
            <Array as="points">
              <mxPoint x="479" y="233" />
              <mxPoint x="479" y="233" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-11" value="Load/Create Scene" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8_Wzi9dIYf5JuMLY92vr-10">
          <mxGeometry x="0.0252" y="-2" relative="1" as="geometry">
            <mxPoint y="1" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-12" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;startArrow=classic;startFill=1;endArrow=oval;endFill=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="419.02380952380963" y="378" as="sourcePoint" />
            <mxPoint x="648.5" y="378" as="targetPoint" />
            <Array as="points">
              <mxPoint x="539" y="378" />
              <mxPoint x="539" y="378" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-13" value="Get current active scene" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8_Wzi9dIYf5JuMLY92vr-12">
          <mxGeometry x="0.1693" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-14" value="MenuController" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="369" y="70" width="100" height="650" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-15" value="ToScene" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="483" y="70" width="100" height="600" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-16" value="FromScene" style="shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;curved&quot;:0,&quot;rounded&quot;:0};" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="599" y="70" width="100" height="560" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-17" value="&lt;h1&gt;Flow&lt;/h1&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="80" y="30" width="490" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-18" value="InTransition = true" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=#d79b00;fillColor=#ffe6cc;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="359" y="177" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-19" value="PerformTransition()" style="html=1;verticalAlign=bottom;endArrow=block;curved=0;rounded=0;entryX=0.949;entryY=0.136;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1" target="8_Wzi9dIYf5JuMLY92vr-3">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="418.5" y="398.88" as="sourcePoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-20" value="return" style="html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;curved=0;rounded=0;exitX=1.158;exitY=0.932;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1" source="8_Wzi9dIYf5JuMLY92vr-3">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="418.5" y="462.56000000000006" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-21" value="InTransition = false" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=#d79b00;fillColor=#ffe6cc;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="354" y="647" width="130" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-22" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1" source="M5WX9E3il3SHJGs2K32r-4">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="419.02380952380963" y="478" as="sourcePoint" />
            <mxPoint x="650" y="520" as="targetPoint" />
            <Array as="points">
              <mxPoint x="649" y="520" />
              <mxPoint x="649" y="520" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="8_Wzi9dIYf5JuMLY92vr-23" value="RemoveChild" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="8_Wzi9dIYf5JuMLY92vr-22">
          <mxGeometry x="0.1429" y="-1" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-1" value="Push" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;labelBorderColor=none;textShadow=1;fontSize=16;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="340" y="216" width="50" height="30" as="geometry" />
        </mxCell>
        <mxCell id="8TJlfUQPXleJeoFz5dSI-5" value="AddChild(ToScene)" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=#d79b00;fillColor=#ffe6cc;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="354" y="276" width="130" height="30" as="geometry" />
        </mxCell>
        <mxCell id="M5WX9E3il3SHJGs2K32r-4" value="Push" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;labelBorderColor=none;textShadow=1;fontSize=16;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="400" y="490" width="50" height="30" as="geometry" />
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-0" value="" style="rounded=0;whiteSpace=wrap;html=1;dashed=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="340" y="310" width="210" height="30" as="geometry" />
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;startArrow=block;startFill=1;endArrow=oval;endFill=0;" edge="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="418.92857142857133" y="323.02857142857135" as="sourcePoint" />
            <mxPoint x="532.5" y="323.02857142857135" as="targetPoint" />
            <Array as="points">
              <mxPoint x="479" y="323" />
              <mxPoint x="479" y="323" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-2" value="Load/Create Scene" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="P0LxQzF5MVkVxDQGscoO-1">
          <mxGeometry x="0.0252" y="-2" relative="1" as="geometry">
            <mxPoint y="1" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-3" value="Switch" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;labelBorderColor=none;textShadow=1;fontSize=16;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="340" y="306" width="50" height="30" as="geometry" />
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.51;entryY=0.818;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" source="P0LxQzF5MVkVxDQGscoO-7" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="419.02380952380963" y="568" as="sourcePoint" />
            <mxPoint x="650" y="610" as="targetPoint" />
            <Array as="points">
              <mxPoint x="649" y="610" />
              <mxPoint x="649" y="610" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-6" value="QueueFree()" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="P0LxQzF5MVkVxDQGscoO-5">
          <mxGeometry x="0.1429" y="-1" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="P0LxQzF5MVkVxDQGscoO-7" value="Switch" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;labelBorderColor=none;textShadow=1;fontSize=16;" vertex="1" parent="8_Wzi9dIYf5JuMLY92vr-1">
          <mxGeometry x="400" y="580" width="50" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram id="CplMbJVwtwVQbg_kabnD" name="TransitionOptions">
    <mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="yrKa3n3HxP-yplcQjULw-1" value="&lt;h1&gt;Extra transition options with node-composition&lt;/h1&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="10" y="28" width="810" height="30" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-2" target="yrKa3n3HxP-yplcQjULw-3">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.594;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-2" target="yrKa3n3HxP-yplcQjULw-27">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="190" y="381" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-2" target="yrKa3n3HxP-yplcQjULw-34">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="140" y="670" as="targetPoint" />
            <Array as="points">
              <mxPoint x="140" y="645" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-2" value="TransitionButton" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="110" y="100" width="120" height="40" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-3" value="&lt;div&gt;MoveTransition&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="190" y="160" width="120" height="40" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-4" value="FadeTransition" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="310" y="160" width="120" height="40" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-5" value="&lt;div&gt;InstantTransition&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="430" y="160" width="120" height="40" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-20" value="&lt;p style=&quot;margin:0px;margin-top:6px;text-align:center;&quot;&gt;&lt;b&gt;PauseGame&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot; style=&quot;border-style:solid;&quot;&gt;&lt;div&gt;+ TransitionFrom(): &amp;lt;Pause the game&amp;gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;+ TransitionTo() &amp;lt;UnPause the game&amp;gt;&lt;/div&gt;&lt;div&gt;+ WhenToRun&lt;br&gt;&lt;/div&gt;&lt;p style=&quot;margin:0px;margin-left:8px;&quot;&gt;&lt;/p&gt;" style="align=left;overflow=fill;html=1;dropTarget=0;whiteSpace=wrap;" vertex="1" parent="1">
          <mxGeometry x="200" y="229" width="320" height="101" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-21" value="" style="shape=component;jettyWidth=8;jettyHeight=4;" vertex="1" parent="yrKa3n3HxP-yplcQjULw-20">
          <mxGeometry x="1" width="20" height="20" relative="1" as="geometry">
            <mxPoint x="-24" y="4" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-24" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1.006;entryY=0.453;entryDx=0;entryDy=0;dashed=1;entryPerimeter=0;" edge="1" parent="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="580" y="280" as="sourcePoint" />
            <mxPoint x="521.9200000000001" y="279.75300000000004" as="targetPoint" />
            <Array as="points" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;dashed=1;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-22" target="yrKa3n3HxP-yplcQjULw-40">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="550" y="280" />
              <mxPoint x="550" y="501" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-22" value="&lt;p style=&quot;margin:0px;margin-top:6px;text-align:center;&quot;&gt;&lt;b&gt;TransitionOptions&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot; style=&quot;border-style:solid;&quot;&gt;&lt;p style=&quot;margin:0px;margin-left:8px;&quot;&gt;+ TransitionFrom()&lt;/p&gt;&lt;p style=&quot;margin:0px;margin-left:8px;&quot;&gt;+ TransitionTo()&lt;/p&gt;&lt;p style=&quot;margin:0px;margin-left:8px;&quot;&gt;+ WhenToRun&lt;br&gt;&lt;/p&gt;" style="align=left;overflow=fill;html=1;dropTarget=0;whiteSpace=wrap;" vertex="1" parent="1">
          <mxGeometry x="580" y="230" width="180" height="90" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-23" value="" style="shape=component;jettyWidth=8;jettyHeight=4;" vertex="1" parent="yrKa3n3HxP-yplcQjULw-22">
          <mxGeometry x="1" width="20" height="20" relative="1" as="geometry">
            <mxPoint x="-24" y="4" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-27" value="&lt;p style=&quot;margin:0px;margin-top:6px;text-align:center;&quot;&gt;&lt;b&gt;QuitGame&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot; style=&quot;border-style:solid;&quot;&gt;&lt;div&gt;+ TransitionFrom(): &amp;lt;Quit the game&amp;gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;+ TransitionTo() &amp;lt;not used&amp;gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;+ WhenToRun &amp;lt;Only after FromPageDone&amp;gt;&lt;br&gt;&lt;/div&gt;&lt;p style=&quot;margin:0px;margin-left:8px;&quot;&gt;&lt;/p&gt;" style="align=left;overflow=fill;html=1;dropTarget=0;whiteSpace=wrap;" vertex="1" parent="1">
          <mxGeometry x="200" y="340" width="320" height="101" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-28" value="" style="shape=component;jettyWidth=8;jettyHeight=4;" vertex="1" parent="yrKa3n3HxP-yplcQjULw-27">
          <mxGeometry x="1" width="20" height="20" relative="1" as="geometry">
            <mxPoint x="-24" y="4" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.604;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-2" target="yrKa3n3HxP-yplcQjULw-20">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-34" value="Disable transition of FromMenu" style="html=1;dropTarget=0;whiteSpace=wrap;" vertex="1" parent="1">
          <mxGeometry x="200" y="630" width="320" height="30" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-35" value="" style="shape=module;jettyWidth=8;jettyHeight=4;" vertex="1" parent="yrKa3n3HxP-yplcQjULw-34">
          <mxGeometry x="1" width="20" height="20" relative="1" as="geometry">
            <mxPoint x="-27" y="7" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-38" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;dashed=1;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-36" target="yrKa3n3HxP-yplcQjULw-34">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-36" value="&lt;p style=&quot;margin:0px;margin-top:6px;text-align:center;&quot;&gt;&lt;b&gt;DisableOption&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot; style=&quot;border-style:solid;&quot;&gt;" style="align=left;overflow=fill;html=1;dropTarget=0;whiteSpace=wrap;" vertex="1" parent="1">
          <mxGeometry x="570" y="620" width="180" height="50" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-37" value="" style="shape=component;jettyWidth=8;jettyHeight=4;" vertex="1" parent="yrKa3n3HxP-yplcQjULw-36">
          <mxGeometry x="1" width="20" height="20" relative="1" as="geometry">
            <mxPoint x="-24" y="4" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;dashed=1;exitX=0;exitY=0.556;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-22" target="yrKa3n3HxP-yplcQjULw-27">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="590" y="285" as="sourcePoint" />
            <mxPoint x="532" y="285" as="targetPoint" />
            <Array as="points">
              <mxPoint x="550" y="280" />
              <mxPoint x="550" y="391" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-40" value="&lt;p style=&quot;margin:0px;margin-top:6px;text-align:center;&quot;&gt;&lt;b&gt;CoverScreen&lt;/b&gt;&lt;/p&gt;&lt;hr size=&quot;1&quot; style=&quot;border-style:solid;&quot;&gt;&lt;div&gt;+ TransitionFrom(): &amp;lt;Fade in a semitransparent plane&amp;gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;+ TransitionTo() &amp;lt;Fade out a semitransparent plane&amp;gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;+ WhenToRun&lt;br&gt;&lt;/div&gt;&lt;p style=&quot;margin:0px;margin-left:8px;&quot;&gt;&lt;/p&gt;" style="align=left;overflow=fill;html=1;dropTarget=0;whiteSpace=wrap;" vertex="1" parent="1">
          <mxGeometry x="200" y="450" width="320" height="101" as="geometry" />
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-41" value="" style="shape=component;jettyWidth=8;jettyHeight=4;" vertex="1" parent="yrKa3n3HxP-yplcQjULw-40">
          <mxGeometry x="1" width="20" height="20" relative="1" as="geometry">
            <mxPoint x="-24" y="4" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="yrKa3n3HxP-yplcQjULw-43" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.594;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="yrKa3n3HxP-yplcQjULw-2" target="yrKa3n3HxP-yplcQjULw-40">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="ef30CKrkdZEWUc9oDkuD-1" value="&lt;b&gt;Green&lt;/b&gt;: #75FB4C" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="100" y="720" width="130" height="30" as="geometry" />
        </mxCell>
        <mxCell id="ef30CKrkdZEWUc9oDkuD-2" value="&lt;b&gt;Red&lt;/b&gt;: #EA3323" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="115" y="760" width="100" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram id="H6VCM9rkzvEjiYDD5jLO" name="TransitionOptionFlow">
    <mxGraphModel grid="1" page="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-1" value="&lt;div align=&quot;left&quot;&gt;&lt;b&gt;Game&lt;/b&gt;&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;align=left;labelPosition=center;verticalLabelPosition=middle;verticalAlign=middle;horizontal=1;" vertex="1" parent="1">
          <mxGeometry x="130" y="70" width="240" height="160" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-4" value="&lt;div align=&quot;left&quot;&gt;&lt;b&gt;FromMenu&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(HUD)&lt;br&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="180" y="110" width="240" height="180" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-5" value="&lt;div&gt;&lt;b&gt;TransitionOption&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(CoverScreen)&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
          <mxGeometry x="250" y="150" width="240" height="180" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-6" value="&lt;div&gt;&lt;b&gt;ToMenu&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(Pause Menu)&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="360" y="184" width="240" height="180" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=-0.007;entryY=0.231;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="CPVKuuxMwk3hCAHTmc0U-7" target="CPVKuuxMwk3hCAHTmc0U-9">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="230" y="470" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-10" value="&lt;div&gt;TransitionTo&lt;/div&gt;&lt;div&gt;(Push)&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="CPVKuuxMwk3hCAHTmc0U-8">
          <mxGeometry x="0.0062" y="-1" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-7" value="&lt;div align=&quot;left&quot;&gt;&lt;b&gt;FromMenu&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(HUD)&lt;br&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="60" y="420" width="100" height="70" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1.015;exitY=0.313;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-15" target="CPVKuuxMwk3hCAHTmc0U-15">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="390" y="930" as="sourcePoint" />
            <Array as="points">
              <mxPoint x="440" y="879" />
              <mxPoint x="440" y="930" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-17" value="TransitionFrom" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="CPVKuuxMwk3hCAHTmc0U-16">
          <mxGeometry x="0.1616" y="-2" relative="1" as="geometry">
            <mxPoint x="2" y="-23" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-9" value="MenuController" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="260" y="425" width="120" height="125" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-11" value="" style="endArrow=classic;html=1;rounded=0;entryX=0.792;entryY=0.111;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" target="CPVKuuxMwk3hCAHTmc0U-5">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="590" y="120" as="sourcePoint" />
            <mxPoint x="620" y="110" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-12" value="One or more" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="580" y="100" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-13" value="&lt;b&gt;Send&lt;/b&gt;: TransitionButton and TransitionToPath" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="180" y="364" width="150" height="30" as="geometry" />
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-14" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;dashed=1;" edge="1" parent="1" source="CPVKuuxMwk3hCAHTmc0U-13">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="200" y="460" as="sourcePoint" />
            <mxPoint x="220" y="440" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="CPVKuuxMwk3hCAHTmc0U-15" value="" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;glass=0;opacity=20;" vertex="1" parent="1">
          <mxGeometry x="500" y="900" width="110" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-1" value="&lt;div&gt;&lt;b&gt;ToMenu&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(Pause Menu)&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="490" y="500" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.017;entryY=0.66;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="CPVKuuxMwk3hCAHTmc0U-9" target="SrEQ-w8Tzjgz04323CKw-1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="410" y="533" />
              <mxPoint x="410" y="533" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-3" value="Transition" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-2">
          <mxGeometry x="0.1252" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-4" value="&lt;div&gt;&lt;b&gt;TransitionOption&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(CoverScreen)&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;glass=0;opacity=20;" vertex="1" parent="1">
          <mxGeometry x="510" y="905" width="110" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-9" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.25;entryY=1;entryDx=0;entryDy=0;dashed=1;fillColor=#fa6800;strokeColor=#C73500;strokeWidth=3;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-5" target="SrEQ-w8Tzjgz04323CKw-1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-5" value="StackMenu" 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;" vertex="1" parent="1">
          <mxGeometry x="480" y="620" width="180" height="90" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-6" value="ToMenu, null" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="SrEQ-w8Tzjgz04323CKw-5">
          <mxGeometry y="30" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-7" value="FromMenu, [[TransitionButton]]" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="SrEQ-w8Tzjgz04323CKw-5">
          <mxGeometry y="60" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-10" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;fillColor=#fa6800;strokeColor=#C73500;strokeWidth=3;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-11" target="CPVKuuxMwk3hCAHTmc0U-7">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="48" y="520" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-11" value="StackMenu" 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;" vertex="1" parent="1">
          <mxGeometry x="15" y="300" width="180" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-13" value="FromMenu, null" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="SrEQ-w8Tzjgz04323CKw-11">
          <mxGeometry y="30" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-14" value="&lt;div&gt;&lt;b&gt;ToMenu&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(Pause Menu)&lt;b&gt;&lt;br&gt;&lt;/b&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="500" y="840" width="110" height="50" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-15" value="MenuController" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="280" y="840" width="120" height="125" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-16" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.456;entryY=0.02;entryDx=0;entryDy=0;dashed=1;fillColor=#fa6800;strokeColor=#C73500;strokeWidth=3;entryPerimeter=0;exitX=0.437;exitY=1.119;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-7" target="SrEQ-w8Tzjgz04323CKw-14">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="559" y="630" as="sourcePoint" />
            <mxPoint x="528" y="560" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1.004;entryY=0.205;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-14" target="SrEQ-w8Tzjgz04323CKw-15">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-18" value="TransitionTo (Pop)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-17">
          <mxGeometry x="-0.1294" y="-2" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-19" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;fillColor=#fa6800;strokeColor=#C73500;strokeWidth=3;startArrow=classic;startFill=1;endArrow=none;endFill=0;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-20">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="318" y="500" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-22" value="Add received transitionButton" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-19">
          <mxGeometry x="-0.2792" y="2" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-20" value="StackMenu" 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;" vertex="1" parent="1">
          <mxGeometry x="220" y="600" width="180" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-21" value="FromMenu, [[TransitionButton]]" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="SrEQ-w8Tzjgz04323CKw-20">
          <mxGeometry y="30" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-23" value="StackMenu" 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;" vertex="1" parent="1">
          <mxGeometry x="240" y="690" width="180" height="90" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-24" value="ToMenu, [[TransitionButton]]" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="SrEQ-w8Tzjgz04323CKw-23">
          <mxGeometry y="30" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-25" value="FromMenu, [[TransitionButton]]" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;" vertex="1" parent="SrEQ-w8Tzjgz04323CKw-23">
          <mxGeometry y="60" width="180" height="30" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-26" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0.32;entryDx=0;entryDy=0;dashed=1;fillColor=#fa6800;strokeColor=#C73500;strokeWidth=3;entryPerimeter=0;exitX=0.437;exitY=1.119;exitDx=0;exitDy=0;exitPerimeter=0;startArrow=classic;startFill=1;endArrow=none;endFill=0;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-25" target="SrEQ-w8Tzjgz04323CKw-15">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="319" y="700" as="sourcePoint" />
            <mxPoint x="310" y="831" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-28" value="Add received transitionButton" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-26">
          <mxGeometry x="-0.1783" y="2" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1.006;entryY=0.418;entryDx=0;entryDy=0;exitX=0;exitY=0.32;exitDx=0;exitDy=0;exitPerimeter=0;entryPerimeter=0;" edge="1" target="SrEQ-w8Tzjgz04323CKw-32" parent="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="280" y="946" as="sourcePoint" />
            <mxPoint x="180" y="945.35" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-30" value="TransitionTo" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-29">
          <mxGeometry x="0.1616" y="-2" relative="1" as="geometry">
            <mxPoint x="8" y="2" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-31" value="" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
          <mxGeometry x="60" y="916" width="110" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-32" value="&lt;div&gt;&lt;b&gt;TransitionOption&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(CoverScreen)&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
          <mxGeometry x="70" y="921" width="110" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1.006;entryY=0.418;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" target="SrEQ-w8Tzjgz04323CKw-36" source="CPVKuuxMwk3hCAHTmc0U-9">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="260" y="530" as="sourcePoint" />
            <mxPoint x="160" y="529.35" as="targetPoint" />
            <Array as="points">
              <mxPoint x="210" y="470" />
              <mxPoint x="210" y="530" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-34" value="TransitionFrom" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-33">
          <mxGeometry x="0.1616" y="-2" relative="1" as="geometry">
            <mxPoint x="8" y="-15" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-35" value="" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
          <mxGeometry x="40" y="500" width="110" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-36" value="&lt;div&gt;&lt;b&gt;TransitionOption&lt;br&gt;&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(CoverScreen)&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#647687;strokeColor=#314354;fontColor=#ffffff;" vertex="1" parent="1">
          <mxGeometry x="50" y="505" width="110" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-38" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;dashed=1;" edge="1" parent="1" source="SrEQ-w8Tzjgz04323CKw-37" target="SrEQ-w8Tzjgz04323CKw-4">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-37" value="Only applicable&amp;nbsp;&amp;nbsp; if&amp;nbsp; ToMenu also have TransitionOptions" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="500" y="990" width="130" height="50" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-39" value="&lt;div align=&quot;left&quot;&gt;&lt;b&gt;FromMenu&lt;/b&gt;&lt;/div&gt;&lt;div&gt;(HUD)&lt;br&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;align=left;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="60" y="820" width="100" height="70" as="geometry" />
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.32;entryDx=0;entryDy=0;startArrow=classic;startFill=1;endArrow=none;endFill=0;entryPerimeter=0;" edge="1" source="SrEQ-w8Tzjgz04323CKw-39" parent="1" target="SrEQ-w8Tzjgz04323CKw-15">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="280" y="758.75" as="targetPoint" />
            <Array as="points">
              <mxPoint x="220" y="855" />
              <mxPoint x="220" y="930" />
              <mxPoint x="280" y="930" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-41" value="&lt;div&gt;Transition&lt;/div&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="SrEQ-w8Tzjgz04323CKw-40">
          <mxGeometry x="0.0062" y="-1" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="SrEQ-w8Tzjgz04323CKw-42" value="When the menus&amp;nbsp; TransitionOptions are called is determined&amp;nbsp; by " style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="310" y="1040" width="60" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram id="WZIIO_JZExYn0QdGctAv" name="TransitionOptionSetUnset">
    <mxGraphModel grid="0" page="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="R_KTMWfppF2SagQqjste-5" value="&lt;h1 style=&quot;font-size: 60px;&quot;&gt;&lt;font style=&quot;font-size: 60px;&quot;&gt;Transition&lt;/font&gt;&lt;/h1&gt;" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;notch=0;rotation=90;" parent="1" vertex="1">
          <mxGeometry x="350" y="230" width="430" height="285" as="geometry" />
        </mxCell>
        <mxCell id="R_KTMWfppF2SagQqjste-1" value="BeforeAllTransition" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
          <mxGeometry x="410" y="150" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="R_KTMWfppF2SagQqjste-6" value="&lt;h1&gt;Leaving Menu (From)&lt;br&gt;&lt;/h1&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="210" y="110" width="190" height="20" as="geometry" />
        </mxCell>
        <mxCell id="R_KTMWfppF2SagQqjste-7" value="&lt;h1&gt;Returning to Menu (To)&lt;br&gt;&lt;/h1&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="390" y="110" width="240" height="20" as="geometry" />
        </mxCell>
        <mxCell id="R_KTMWfppF2SagQqjste-9" value="AfterAllTransition" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" parent="1" vertex="1">
          <mxGeometry x="410" y="480" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="R_KTMWfppF2SagQqjste-11" value="AfterPageToTransition" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="390" y="340" width="140" height="60" as="geometry" />
        </mxCell>
        <mxCell id="R_KTMWfppF2SagQqjste-13" value="AfterPageFromTransition" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1">
          <mxGeometry x="390" y="270" width="140" height="60" as="geometry" />
        </mxCell>
        <mxCell id="SXIw_lYLrKs-t2-bbq9Q-1" value="&lt;h3&gt;The order of these two can vary depending on the Transition. &lt;/h3&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="250" y="290" width="130" height="80" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
  <diagram id="tx1EG5fVCcODeLYCSUE_" name="MenuStack">
    <mxGraphModel dx="1434" dy="754" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" background="none" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="bLzv083FNPxZyaCg6cC_-1" value="Menu1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="300" y="450" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-2" value="Menu2" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="300" y="380" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-3" value="Menu3" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="300" y="310" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;curved=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-4" target="bLzv083FNPxZyaCg6cC_-7" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="370" y="200" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-6" value="&lt;h1&gt;Push&lt;/h1&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="bLzv083FNPxZyaCg6cC_-5" vertex="1" connectable="0">
          <mxGeometry x="-0.2814" y="-5" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-4" value="New Menu" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1">
          <mxGeometry x="150" y="160" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-7" value="New Menu" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;opacity=50;dashed=1;dashPattern=8 8;" parent="1" vertex="1">
          <mxGeometry x="300" y="240" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-12" target="bLzv083FNPxZyaCg6cC_-1" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-12" value="First pushed menu" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="470" y="465" width="110" height="30" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-16" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="420" y="410" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-16" value="Second pushed menu" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="470" y="395" width="130" height="30" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-18" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="420" y="340" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-18" value="&lt;div&gt;Third pushed menu&lt;/div&gt;&lt;div&gt;Currently active menu&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="470" y="325" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-19" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;entryX=0.972;entryY=0.394;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" source="bLzv083FNPxZyaCg6cC_-20" target="bLzv083FNPxZyaCg6cC_-7" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="430" y="225" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-20" value="When added to the stack, this menu is now the currently active menu" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="480" y="210" width="140" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-21" value="Menu1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="871" y="450" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-22" value="Menu2" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="871" y="380" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-37" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1;entryY=0.5;entryDx=0;entryDy=0;curved=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-23" target="bLzv083FNPxZyaCg6cC_-36" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-38" value="&lt;h1&gt;Pop&lt;/h1&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="bLzv083FNPxZyaCg6cC_-37" vertex="1" connectable="0">
          <mxGeometry x="-0.0934" y="-5" relative="1" as="geometry">
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-23" value="Menu3" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="871" y="310" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-36" value="Menu3" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;opacity=50;dashed=1;dashPattern=8 8;" parent="1" vertex="1">
          <mxGeometry x="656" y="236" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-39" value="When transition is done, Menu3 is removed from the Stack." style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="1016" y="388" width="130" height="65" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-41" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.978;entryY=0.631;entryDx=0;entryDy=0;entryPerimeter=0;dashed=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-39" target="bLzv083FNPxZyaCg6cC_-23" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-42" value="When&amp;nbsp; using Pop we transition back to Menu2 and make that menu active." style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="641" y="370" width="150" height="50" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-43" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.001;entryY=0.393;entryDx=0;entryDy=0;entryPerimeter=0;dashed=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-42" target="bLzv083FNPxZyaCg6cC_-22" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-44" value="Menu1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="1198" y="464" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-45" value="Menu2" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="1198" y="394" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-60" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;curved=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;" parent="1" source="bLzv083FNPxZyaCg6cC_-48" target="bLzv083FNPxZyaCg6cC_-55" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-48" value="Menu3" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
          <mxGeometry x="1198" y="324" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-55" value="Menu3" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;opacity=50;dashed=1;dashPattern=8 8;" parent="1" vertex="1">
          <mxGeometry x="1388" y="224" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-61" value="New Menu" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;opacity=50;dashed=1;dashPattern=8 8;" parent="1" vertex="1">
          <mxGeometry x="1018" y="224" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-62" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.463;entryY=-0.02;entryDx=0;entryDy=0;entryPerimeter=0;curved=1;" parent="1" source="bLzv083FNPxZyaCg6cC_-61" target="bLzv083FNPxZyaCg6cC_-48" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-63" value="&lt;h1&gt;Switch&lt;/h1&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="1229" y="234" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-64" value="Menu3 is completely removed" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="1388" y="194" width="120" height="30" as="geometry" />
        </mxCell>
        <mxCell id="bLzv083FNPxZyaCg6cC_-65" value="The new menu replaces Menu3 and becomes the current active menu" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="998" y="174" width="150" height="50" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>