class_i_control__inherit__graph.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 7.0.5 (20221223.1930)
 -->
<!-- Title: IControl Pages: 1 -->
<!--zoomable 1789 -->
<svg id="main" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" onload="init(evt)">
<style type="text/css"><![CDATA[
.edge:hover path { stroke: red; }
.edge:hover polygon { stroke: red; fill: red; }
]]></style>
<script type="text/javascript"><![CDATA[
var edges = document.getElementsByTagName('g');
if (edges && edges.length) {
  for (var i=0;i<edges.length;i++) {
    if (edges[i].id.substr(0,4)=='edge') {
      edges[i].setAttribute('class','edge');
    }
  }
}
]]></script>
        <defs>
                <circle id="rim" cx="0" cy="0" r="7"/>
                <circle id="rim2" cx="0" cy="0" r="3.5"/>
                <g id="zoomPlus">
                        <use xlink:href="#rim" fill="#404040">
                                <set attributeName="fill" to="#808080" begin="zoomplus.mouseover" end="zoomplus.mouseout"/>
                        </use>
                        <path d="M-4,0h8M0,-4v8" fill="none" stroke="white" stroke-width="1.5" pointer-events="none"/>
                </g>
                <g id="zoomMin">
                        <use xlink:href="#rim" fill="#404040">
                                <set attributeName="fill" to="#808080" begin="zoomminus.mouseover" end="zoomminus.mouseout"/>
                        </use>
                        <path d="M-4,0h8" fill="none" stroke="white" stroke-width="1.5" pointer-events="none"/>
                </g>
                <g id="dirArrow">
                        <path fill="none" stroke="white" stroke-width="1.5" d="M0,-3.0v7 M-2.5,-0.5L0,-3.0L2.5,-0.5"/>
                </g>
               <g id="resetDef">
                       <use xlink:href="#rim2" fill="#404040">
                               <set attributeName="fill" to="#808080" begin="reset.mouseover" end="reset.mouseout"/>
                       </use>
               </g>
        </defs>

<script type="text/javascript">
var viewWidth = 240;
var viewHeight = 1789;
var sectionId = 'dynsection-0';
</script>
<script xlink:href="svgpan.js"/>
<svg id="graph" class="graph">
<g id="viewport">
<title>IControl</title>
<!-- Node1 -->
<g id="node1" class="node">
<title>Node1</title>
<g id="a_node1"><a xlink:title="The lowest level base class of an IGraphics control.">
<polygon fill="#999999" stroke="#666666" points="50,-911 0,-911 0,-892 50,-892 50,-911"/>
<text text-anchor="middle" x="25" y="-899" font-family="Helvetica,sans-Serif" font-size="10.00">IControl</text>
</a>
</g>
</g>
<!-- Node2 -->
<g id="node2" class="node">
<title>Node2</title>
<g id="a_node2"><a xlink:href="class_g_f_x_label_control.html" target="_top" xlink:title="Control to display the graphics backend.">
<polygon fill="white" stroke="#666666" points="205,-1781 113,-1781 113,-1762 205,-1762 205,-1781"/>
<text text-anchor="middle" x="159" y="-1769" font-family="Helvetica,sans-Serif" font-size="10.00">GFXLabelControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node2 -->
<g id="edge1" class="edge">
<title>Node1&#45;&gt;Node2</title>
<path fill="none" stroke="#63b8ff" d="M26.03,-922.69C26.4,-1047.91 31,-1687.95 86,-1753.5 92.79,-1761.59 102.62,-1766.35 112.84,-1769.08"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.53,-922.88 26.01,-912.89 22.53,-922.9 29.53,-922.88"/>
</g>
<!-- Node3 -->
<g id="node3" class="node">
<title>Node3</title>
<g id="a_node3"><a xlink:href="class_i_bitmap_control.html" target="_top" xlink:title="A basic control to draw a bitmap, or one frame of a stacked bitmap depending on the current value.">
<polygon fill="#fff0f0" stroke="red" points="199.5,-1744 118.5,-1744 118.5,-1725 199.5,-1725 199.5,-1744"/>
<text text-anchor="middle" x="159" y="-1732" font-family="Helvetica,sans-Serif" font-size="10.00">IBitmapControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node3 -->
<g id="edge2" class="edge">
<title>Node1&#45;&gt;Node3</title>
<path fill="none" stroke="#63b8ff" d="M26.1,-922.9C26.89,-1045.35 33.44,-1654.06 86,-1716.5 93.97,-1725.96 106.08,-1730.86 118.12,-1733.29"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.6,-922.99 26.05,-913.01 22.6,-923.03 29.6,-922.99"/>
</g>
<!-- Node6 -->
<g id="node4" class="node">
<title>Node6</title>
<g id="a_node4"><a xlink:href="class_i_bubble_control.html" target="_top" xlink:title="A special control to draw contextual info as a slider etc is moved If used in the main IControl stack...">
<polygon fill="white" stroke="#666666" points="199,-1707 119,-1707 119,-1688 199,-1688 199,-1707"/>
<text text-anchor="middle" x="159" y="-1695" font-family="Helvetica,sans-Serif" font-size="10.00">IBubbleControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node6 -->
<g id="edge3" class="edge">
<title>Node1&#45;&gt;Node6</title>
<path fill="none" stroke="#63b8ff" d="M26.18,-922.66C27.38,-1041.23 35.81,-1620.08 86,-1679.5 94.06,-1689.05 106.36,-1693.94 118.51,-1696.34"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.68,-922.79 26.09,-912.83 22.68,-922.86 29.68,-922.79"/>
</g>
<!-- Node7 -->
<g id="node5" class="node">
<title>Node7</title>
<g id="a_node5"><a xlink:href="class_i_button_control_base.html" target="_top" xlink:title="A base class for buttons/momentary switches &#45; cannot be linked to parameters.">
<polygon fill="#fff0f0" stroke="red" points="209.5,-1670 108.5,-1670 108.5,-1651 209.5,-1651 209.5,-1670"/>
<text text-anchor="middle" x="159" y="-1658" font-family="Helvetica,sans-Serif" font-size="10.00">IButtonControlBase</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node7 -->
<g id="edge4" class="edge">
<title>Node1&#45;&gt;Node7</title>
<path fill="none" stroke="#63b8ff" d="M26.27,-922.72C27.92,-1038.02 38.23,-1586.16 86,-1642.5 91.75,-1649.28 99.63,-1653.71 108.08,-1656.57"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.77,-922.83 26.14,-912.88 22.77,-922.93 29.77,-922.83"/>
</g>
<!-- Node11 -->
<g id="node6" class="node">
<title>Node11</title>
<g id="a_node6"><a xlink:href="class_i_color_picker_control.html" target="_top" xlink:title="A control for choosing a color.">
<polygon fill="white" stroke="#666666" points="209.5,-1633 108.5,-1633 108.5,-1614 209.5,-1614 209.5,-1633"/>
<text text-anchor="middle" x="159" y="-1621" font-family="Helvetica,sans-Serif" font-size="10.00">IColorPickerControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node11 -->
<g id="edge5" class="edge">
<title>Node1&#45;&gt;Node11</title>
<path fill="none" stroke="#63b8ff" d="M26.36,-922.7C28.47,-1034.46 40.63,-1552.22 86,-1605.5 91.76,-1612.27 99.65,-1616.7 108.1,-1619.55"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.87,-922.83 26.19,-912.9 22.87,-922.96 29.87,-922.83"/>
</g>
<!-- Node12 -->
<g id="node7" class="node">
<title>Node12</title>
<g id="a_node7"><a xlink:href="class_i_container_base.html" target="_top" xlink:title="IContainerBase allows a control to nest sub controls and it clips the drawing of those subcontrols In...">
<polygon fill="#fff0f0" stroke="red" points="200.5,-1596 117.5,-1596 117.5,-1577 200.5,-1577 200.5,-1596"/>
<text text-anchor="middle" x="159" y="-1584" font-family="Helvetica,sans-Serif" font-size="10.00">IContainerBase</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node12 -->
<g id="edge6" class="edge">
<title>Node1&#45;&gt;Node12</title>
<path fill="none" stroke="#63b8ff" d="M26.47,-922.58C29.04,-1030.51 43.01,-1518.25 86,-1568.5 93.79,-1577.6 105.42,-1582.47 117.08,-1584.97"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.97,-922.54 26.24,-912.63 22.97,-922.7 29.97,-922.54"/>
</g>
<!-- Node25 -->
<g id="node8" class="node">
<title>Node25</title>
<g id="a_node8"><a xlink:href="class_i_corner_resizer_control.html" target="_top" xlink:title="A control for resizing the plug&#45;in window by clicking and dragging in the bottom right&#45;hand corner Th...">
<polygon fill="white" stroke="#666666" points="214.5,-1559 103.5,-1559 103.5,-1540 214.5,-1540 214.5,-1559"/>
<text text-anchor="middle" x="159" y="-1547" font-family="Helvetica,sans-Serif" font-size="10.00">ICornerResizerControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node25 -->
<g id="edge7" class="edge">
<title>Node1&#45;&gt;Node25</title>
<path fill="none" stroke="#63b8ff" d="M26.58,-922.38C29.64,-1026.25 45.38,-1484.27 86,-1531.5 90.62,-1536.87 96.58,-1540.77 103.09,-1543.57"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="30.08,-922.46 26.3,-912.56 23.08,-922.66 30.08,-922.46"/>
</g>
<!-- Node26 -->
<g id="node9" class="node">
<title>Node26</title>
<g id="a_node9"><a xlink:href="class_i_f_p_s_display_control.html" target="_top" xlink:title="Performance display meter, based on code from NanoVG This is a special control that lives outside the...">
<polygon fill="white" stroke="#666666" points="209.5,-1522 108.5,-1522 108.5,-1503 209.5,-1503 209.5,-1522"/>
<text text-anchor="middle" x="159" y="-1510" font-family="Helvetica,sans-Serif" font-size="10.00">IFPSDisplayControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node26 -->
<g id="edge8" class="edge">
<title>Node1&#45;&gt;Node26</title>
<path fill="none" stroke="#63b8ff" d="M26.72,-922.72C30.33,-1023.45 47.81,-1450.37 86,-1494.5 91.82,-1501.22 99.73,-1505.63 108.18,-1508.48"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="30.23,-922.8 26.38,-912.93 23.23,-923.04 30.23,-922.8"/>
</g>
<!-- Node27 -->
<g id="node10" class="node">
<title>Node27</title>
<g id="a_node10"><a xlink:href="class_i_graphics_live_edit.html" target="_top" xlink:title="A control to enable live modification of control layout in an IGraphics context in debug builds This ...">
<polygon fill="white" stroke="#666666" points="206,-1485 112,-1485 112,-1466 206,-1466 206,-1485"/>
<text text-anchor="middle" x="159" y="-1473" font-family="Helvetica,sans-Serif" font-size="10.00">IGraphicsLiveEdit</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node27 -->
<g id="edge9" class="edge">
<title>Node1&#45;&gt;Node27</title>
<path fill="none" stroke="#63b8ff" d="M26.87,-922.59C31.02,-1019.19 50.18,-1416.38 86,-1457.5 92.6,-1465.08 101.86,-1469.71 111.55,-1472.49"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="30.37,-922.6 26.45,-912.75 23.38,-922.89 30.37,-922.6"/>
</g>
<!-- Node28 -->
<g id="node11" class="node">
<title>Node28</title>
<g id="a_node11"><a xlink:href="class_i_knob_control_base.html" target="_top" xlink:title="A base class for knob/dial controls, to handle mouse action and Sender.">
<polygon fill="#fff0f0" stroke="red" points="206.5,-1448 111.5,-1448 111.5,-1429 206.5,-1429 206.5,-1448"/>
<text text-anchor="middle" x="159" y="-1436" font-family="Helvetica,sans-Serif" font-size="10.00">IKnobControlBase</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node28 -->
<g id="edge10" class="edge">
<title>Node1&#45;&gt;Node28</title>
<path fill="none" stroke="#63b8ff" d="M27.05,-922.93C31.82,-1016.03 52.6,-1382.45 86,-1420.5 92.55,-1427.96 101.67,-1432.55 111.22,-1435.34"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="30.55,-922.78 26.55,-912.97 23.56,-923.13 30.55,-922.78"/>
</g>
<!-- Node41 -->
<g id="node12" class="node">
<title>Node41</title>
<g id="a_node12"><a xlink:href="class_i_l_e_d_control.html" target="_top" xlink:title="Glowing LED control.">
<polygon fill="white" stroke="#666666" points="193.5,-1411 124.5,-1411 124.5,-1392 193.5,-1392 193.5,-1411"/>
<text text-anchor="middle" x="159" y="-1399" font-family="Helvetica,sans-Serif" font-size="10.00">ILEDControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node41 -->
<g id="edge11" class="edge">
<title>Node1&#45;&gt;Node41</title>
<path fill="none" stroke="#63b8ff" d="M25.58,-922.78C24.39,-1006.76 24.38,-1313.92 86,-1383.5 95.57,-1394.3 110.55,-1399.1 124.37,-1401.08"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.08,-923.05 25.75,-913 22.08,-922.94 29.08,-923.05"/>
</g>
<!-- Node42 -->
<g id="node13" class="node">
<title>Node42</title>
<g id="a_node13"><a xlink:href="class_i_lambda_control.html" target="_top" xlink:title="A control that can be specialised with a lambda function, for quick experiments without making a cust...">
<polygon fill="white" stroke="#666666" points="202,-1374 116,-1374 116,-1355 202,-1355 202,-1374"/>
<text text-anchor="middle" x="159" y="-1362" font-family="Helvetica,sans-Serif" font-size="10.00">ILambdaControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node42 -->
<g id="edge12" class="edge">
<title>Node1&#45;&gt;Node42</title>
<path fill="none" stroke="#63b8ff" d="M25.83,-922.91C25.64,-1002.91 29.13,-1282.94 86,-1346.5 93.65,-1355.05 104.68,-1359.83 115.82,-1362.42"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.33,-923.01 25.88,-913 22.33,-922.98 29.33,-923.01"/>
</g>
<!-- Node43 -->
<g id="node14" class="node">
<title>Node43</title>
<g id="a_node14"><a xlink:href="class_i_platform_view_control.html" target="_top" xlink:title="A control that let&#39;s you embed a HWND, UIView or NSView inside an IGraphics UI.">
<polygon fill="white" stroke="#666666" points="213.5,-1337 104.5,-1337 104.5,-1318 213.5,-1318 213.5,-1337"/>
<text text-anchor="middle" x="159" y="-1325" font-family="Helvetica,sans-Serif" font-size="10.00">IPlatformViewControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node43 -->
<g id="edge13" class="edge">
<title>Node1&#45;&gt;Node43</title>
<path fill="none" stroke="#63b8ff" d="M26.12,-922.57C26.97,-997.82 33.75,-1251.81 86,-1309.5 90.93,-1314.94 97.23,-1318.86 104.06,-1321.65"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.62,-922.86 26.03,-912.9 22.62,-922.93 29.62,-922.86"/>
</g>
<!-- Node44 -->
<g id="node15" class="node">
<title>Node44</title>
<g id="a_node15"><a xlink:href="class_i_popup_menu_control.html" target="_top" xlink:title="A base control for a pop&#45;up menu/drop&#45;down list that stays within the bounds of the IGraphics context...">
<polygon fill="white" stroke="#666666" points="210,-1300 108,-1300 108,-1281 210,-1281 210,-1300"/>
<text text-anchor="middle" x="159" y="-1288" font-family="Helvetica,sans-Serif" font-size="10.00">IPopupMenuControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node44 -->
<g id="edge14" class="edge">
<title>Node1&#45;&gt;Node44</title>
<path fill="none" stroke="#63b8ff" d="M26.46,-922.45C28.43,-993.05 38.42,-1220.71 86,-1272.5 91.84,-1278.86 99.56,-1283.12 107.76,-1285.95"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.96,-922.6 26.21,-912.69 22.96,-922.77 29.96,-922.6"/>
</g>
<!-- Node45 -->
<g id="node16" class="node">
<title>Node45</title>
<g id="a_node16"><a xlink:href="class_i_s_v_g_control.html" target="_top" xlink:title="A basic control to draw an SVG image to the screen.">
<polygon fill="white" stroke="#666666" points="194.5,-1263 123.5,-1263 123.5,-1244 194.5,-1244 194.5,-1263"/>
<text text-anchor="middle" x="159" y="-1251" font-family="Helvetica,sans-Serif" font-size="10.00">ISVGControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node45 -->
<g id="edge15" class="edge">
<title>Node1&#45;&gt;Node45</title>
<path fill="none" stroke="#63b8ff" d="M26.87,-922.46C30.03,-988.35 43.09,-1189.61 86,-1235.5 95.5,-1245.66 109.8,-1250.46 123.16,-1252.6"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="30.38,-922.52 26.43,-912.69 23.38,-922.84 30.38,-922.52"/>
</g>
<!-- Node46 -->
<g id="node17" class="node">
<title>Node46</title>
<g id="a_node17"><a xlink:href="class_i_shader_control.html" target="_top" xlink:title="This control allows you to draw to the UI via a shader written using the Skia shading language,...">
<polygon fill="white" stroke="#666666" points="199.5,-1226 118.5,-1226 118.5,-1207 199.5,-1207 199.5,-1226"/>
<text text-anchor="middle" x="159" y="-1214" font-family="Helvetica,sans-Serif" font-size="10.00">IShaderControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node46 -->
<g id="edge16" class="edge">
<title>Node1&#45;&gt;Node46</title>
<path fill="none" stroke="#63b8ff" d="M27.39,-922.5C31.83,-983.42 47.75,-1158.46 86,-1198.5 94.37,-1207.26 106.3,-1212.01 118.04,-1214.52"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="30.9,-922.56 26.71,-912.83 23.92,-923.05 30.9,-922.56"/>
</g>
<!-- Node47 -->
<g id="node18" class="node">
<title>Node47</title>
<g id="a_node18"><a xlink:href="class_i_sk_lottie_control.html" target="_top" xlink:title="A control that hosts a Lottie animation, via Skia&#39;s Skottie module https://skia.org/user/modules/skot...">
<polygon fill="white" stroke="#666666" points="202.5,-1189 115.5,-1189 115.5,-1170 202.5,-1170 202.5,-1189"/>
<text text-anchor="middle" x="159" y="-1177" font-family="Helvetica,sans-Serif" font-size="10.00">ISkLottieControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node47 -->
<g id="edge17" class="edge">
<title>Node1&#45;&gt;Node47</title>
<path fill="none" stroke="#63b8ff" d="M28.03,-922.39C33.85,-977.91 52.35,-1127.23 86,-1161.5 93.76,-1169.41 104.44,-1174.03 115.19,-1176.69"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="31.54,-922.32 27.05,-912.73 24.58,-923.03 31.54,-922.32"/>
</g>
<!-- Node48 -->
<g id="node19" class="node">
<title>Node48</title>
<g id="a_node19"><a xlink:href="class_i_sk_paragraph_control.html" target="_top" xlink:title="A control that demonstrates how to draw rich text using SkParagraph.">
<polygon fill="white" stroke="#666666" points="212.5,-1152 105.5,-1152 105.5,-1133 212.5,-1133 212.5,-1152"/>
<text text-anchor="middle" x="159" y="-1140" font-family="Helvetica,sans-Serif" font-size="10.00">ISkParagraphControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node48 -->
<g id="edge18" class="edge">
<title>Node1&#45;&gt;Node48</title>
<path fill="none" stroke="#63b8ff" d="M25.11,-922.7C24.49,-966.85 29.63,-1069.13 86,-1124.5 91.42,-1129.83 98.17,-1133.65 105.34,-1136.39"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="28.61,-922.81 25.39,-912.72 21.62,-922.62 28.61,-922.81"/>
</g>
<!-- Node49 -->
<g id="node20" class="node">
<title>Node49</title>
<g id="a_node20"><a xlink:href="class_i_slider_control_base.html" target="_top" xlink:title="A base class for slider/fader controls, to handle mouse action and Sender.">
<polygon fill="#fff0f0" stroke="red" points="208,-1115 110,-1115 110,-1096 208,-1096 208,-1115"/>
<text text-anchor="middle" x="159" y="-1103" font-family="Helvetica,sans-Serif" font-size="10.00">ISliderControlBase</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node49 -->
<g id="edge19" class="edge">
<title>Node1&#45;&gt;Node49</title>
<path fill="none" stroke="#63b8ff" d="M26.47,-922.6C28.52,-961.17 38.57,-1043.15 86,-1087.5 92.59,-1093.66 100.96,-1097.8 109.64,-1100.56"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="29.98,-922.67 26.1,-912.81 22.98,-922.94 29.98,-922.67"/>
</g>
<!-- Node54 -->
<g id="node21" class="node">
<title>Node54</title>
<g id="a_node21"><a xlink:href="class_i_switch_control_base.html" target="_top" xlink:title="A base class for switch controls.">
<polygon fill="#fff0f0" stroke="red" points="210.5,-1078 107.5,-1078 107.5,-1059 210.5,-1059 210.5,-1078"/>
<text text-anchor="middle" x="159" y="-1066" font-family="Helvetica,sans-Serif" font-size="10.00">ISwitchControlBase</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node54 -->
<g id="edge20" class="edge">
<title>Node1&#45;&gt;Node54</title>
<path fill="none" stroke="#63b8ff" d="M28.42,-922.43C33.3,-954.82 47.38,-1016.87 86,-1050.5 92.02,-1055.75 99.35,-1059.51 107,-1062.19"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="31.91,-922.18 27.12,-912.73 24.98,-923.11 31.91,-922.18"/>
</g>
<!-- Node63 -->
<g id="node22" class="node">
<title>Node63</title>
<g id="a_node22"><a xlink:href="class_i_text_control.html" target="_top" xlink:title="A basic control to display some text.">
<polygon fill="#fff0f0" stroke="red" points="193.5,-1041 124.5,-1041 124.5,-1022 193.5,-1022 193.5,-1041"/>
<text text-anchor="middle" x="159" y="-1029" font-family="Helvetica,sans-Serif" font-size="10.00">ITextControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node63 -->
<g id="edge21" class="edge">
<title>Node1&#45;&gt;Node63</title>
<path fill="none" stroke="#63b8ff" d="M31.49,-922.28C39.3,-947.7 56.09,-990.2 86,-1013.5 96.87,-1021.97 111.24,-1026.51 124.27,-1028.92"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="34.89,-921.45 28.78,-912.8 28.16,-923.37 34.89,-921.45"/>
</g>
<!-- Node74 -->
<g id="node23" class="node">
<title>Node74</title>
<g id="a_node23"><a xlink:href="class_i_text_entry_control.html" target="_top" xlink:title="A Text entry widget drawn by IGraphics.">
<polygon fill="white" stroke="#666666" points="204.5,-1004 113.5,-1004 113.5,-985 204.5,-985 204.5,-1004"/>
<text text-anchor="middle" x="159" y="-992" font-family="Helvetica,sans-Serif" font-size="10.00">ITextEntryControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node74 -->
<g id="edge22" class="edge">
<title>Node1&#45;&gt;Node74</title>
<path fill="none" stroke="#63b8ff" d="M36.69,-921.12C47.06,-938.3 64.38,-962.63 86,-976.5 94.13,-981.72 103.68,-985.42 113.12,-988.06"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="39.93,-919.73 31.91,-912.81 33.86,-923.22 39.93,-919.73"/>
</g>
<!-- Node75 -->
<g id="node24" class="node">
<title>Node75</title>
<g id="a_node24"><a xlink:href="class_i_v_color_swatch_control.html" target="_top" xlink:title="A control to show a color swatch of up to 9 colors.">
<polygon fill="white" stroke="#666666" points="215.5,-967 102.5,-967 102.5,-948 215.5,-948 215.5,-967"/>
<text text-anchor="middle" x="159" y="-955" font-family="Helvetica,sans-Serif" font-size="10.00">IVColorSwatchControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node75 -->
<g id="edge23" class="edge">
<title>Node1&#45;&gt;Node75</title>
<path fill="none" stroke="#63b8ff" d="M47.88,-917.74C58.86,-925.26 72.64,-933.77 86,-939.5 93.34,-942.65 101.35,-945.32 109.27,-947.58"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="50.09,-915.03 39.91,-912.1 46.05,-920.74 50.09,-915.03"/>
</g>
<!-- Node76 -->
<g id="node25" class="node">
<title>Node76</title>
<g id="a_node25"><a xlink:href="class_i_v_display_control.html" target="_top" xlink:title="A control to display a rolling graphics of historical values.">
<polygon fill="white" stroke="#666666" points="203.5,-930 114.5,-930 114.5,-911 203.5,-911 203.5,-930"/>
<text text-anchor="middle" x="159" y="-918" font-family="Helvetica,sans-Serif" font-size="10.00">IVDisplayControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node76 -->
<g id="edge24" class="edge">
<title>Node1&#45;&gt;Node76</title>
<path fill="none" stroke="#63b8ff" d="M61.39,-906.59C77.63,-908.93 97.04,-911.72 114.18,-914.19"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="62.11,-903.16 51.71,-905.2 61.11,-910.09 62.11,-903.16"/>
</g>
<!-- Node77 -->
<g id="node26" class="node">
<title>Node77</title>
<g id="a_node26"><a xlink:href="class_i_v_keyboard_control.html" target="_top" xlink:title="Vectorial keyboard control.">
<polygon fill="white" stroke="#666666" points="208,-893 110,-893 110,-874 208,-874 208,-893"/>
<text text-anchor="middle" x="159" y="-881" font-family="Helvetica,sans-Serif" font-size="10.00">IVKeyboardControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node77 -->
<g id="edge25" class="edge">
<title>Node1&#45;&gt;Node77</title>
<path fill="none" stroke="#63b8ff" d="M61.43,-896.67C76.23,-894.65 93.66,-892.27 109.61,-890.1"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="61.15,-893.17 51.71,-897.99 62.09,-900.11 61.15,-893.17"/>
</g>
<!-- Node78 -->
<g id="node27" class="node">
<title>Node78</title>
<g id="a_node27"><a xlink:href="class_i_v_plot_control.html" target="_top" xlink:title="A vector plot to display functions and waveforms.">
<polygon fill="white" stroke="#666666" points="196,-856 122,-856 122,-837 196,-837 196,-856"/>
<text text-anchor="middle" x="159" y="-844" font-family="Helvetica,sans-Serif" font-size="10.00">IVPlotControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node78 -->
<g id="edge26" class="edge">
<title>Node1&#45;&gt;Node78</title>
<path fill="none" stroke="#63b8ff" d="M49.22,-885.47C60.02,-878.57 73.28,-870.87 86,-865.5 97.32,-860.73 110.15,-856.88 121.81,-853.93"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="47.39,-882.48 40.97,-890.9 51.25,-888.32 47.39,-882.48"/>
</g>
<!-- Node79 -->
<g id="node28" class="node">
<title>Node79</title>
<g id="a_node28"><a xlink:href="class_i_v_scope_control.html" target="_top" xlink:title="Vectorial multi&#45;channel capable oscilloscope control.">
<polygon fill="white" stroke="#666666" points="225,-818.5 93,-818.5 93,-788.5 225,-788.5 225,-818.5"/>
<text text-anchor="start" x="101" y="-806.5" font-family="Helvetica,sans-Serif" font-size="10.00">IVScopeControl&lt; MAXNC,</text>
<text text-anchor="middle" x="159" y="-795.5" font-family="Helvetica,sans-Serif" font-size="10.00"> MAXBUF &gt;</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node79 -->
<g id="edge27" class="edge">
<title>Node1&#45;&gt;Node79</title>
<path fill="none" stroke="#63b8ff" d="M37.76,-881.86C48.47,-865.5 65.68,-842.65 86,-828.5 91.32,-824.79 97.24,-821.59 103.34,-818.83"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="34.85,-879.91 32.5,-890.24 40.78,-883.63 34.85,-879.91"/>
</g>
<!-- Node80 -->
<g id="node29" class="node">
<title>Node80</title>
<g id="a_node29"><a xlink:href="class_i_v_spectrum_analyzer_control.html" target="_top" xlink:title="Vectorial multi&#45;channel capable spectrum analyzer controlDerived from work by Alex Harker and Matthew...">
<polygon fill="white" stroke="#666666" points="232,-770.5 86,-770.5 86,-740.5 232,-740.5 232,-770.5"/>
<text text-anchor="start" x="94" y="-758.5" font-family="Helvetica,sans-Serif" font-size="10.00">IVSpectrumAnalyzerControl</text>
<text text-anchor="middle" x="159" y="-747.5" font-family="Helvetica,sans-Serif" font-size="10.00">&lt; MAXNC, MAX_FFT_SIZE &gt;</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node80 -->
<g id="edge28" class="edge">
<title>Node1&#45;&gt;Node80</title>
<path fill="none" stroke="#63b8ff" d="M30.85,-880.83C38.24,-853.79 54.85,-806.69 86,-779.5 89.77,-776.21 94.01,-773.36 98.49,-770.91"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="27.54,-879.67 28.46,-890.22 34.32,-881.4 27.54,-879.67"/>
</g>
<!-- Node81 -->
<g id="node30" class="node">
<title>Node81</title>
<g id="a_node30"><a xlink:href="class_i_v_track_control_base.html" target="_top" xlink:title="A base class for mult&#45;strip/track controls, such as multi&#45;sliders, meters Track refers to the channel...">
<polygon fill="#fff0f0" stroke="red" points="211,-722 107,-722 107,-703 211,-703 211,-722"/>
<text text-anchor="middle" x="159" y="-710" font-family="Helvetica,sans-Serif" font-size="10.00">IVTrackControlBase</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node81 -->
<g id="edge29" class="edge">
<title>Node1&#45;&gt;Node81</title>
<path fill="none" stroke="#63b8ff" d="M27.3,-880.29C30.67,-844.31 42.76,-771.37 86,-731.5 91.89,-726.07 99.16,-722.15 106.78,-719.34"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.81,-879.99 26.53,-890.23 30.79,-880.53 23.81,-879.99"/>
</g>
<!-- Node90 -->
<g id="node31" class="node">
<title>Node90</title>
<g id="a_node31"><a xlink:href="class_i_v_x_y_pad_control.html" target="_top" xlink:title="A vector XY Pad slider control.">
<polygon fill="white" stroke="#666666" points="203,-685 115,-685 115,-666 203,-666 203,-685"/>
<text text-anchor="middle" x="159" y="-673" font-family="Helvetica,sans-Serif" font-size="10.00">IVXYPadControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node90 -->
<g id="edge30" class="edge">
<title>Node1&#45;&gt;Node90</title>
<path fill="none" stroke="#63b8ff" d="M25.71,-880.15C26.35,-838.34 33.94,-745.32 86,-694.5 93.77,-686.91 104.19,-682.26 114.69,-679.43"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.21,-880.08 25.7,-890.08 29.21,-880.09 22.21,-880.08"/>
</g>
<!-- Node91 -->
<g id="node32" class="node">
<title>Node91</title>
<g id="a_node32"><a xlink:href="class_i_web_view_control.html" target="_top" xlink:title="A control that allows the embedding of HTML UI inside an IGraphics context using a platform&#45;native we...">
<polygon fill="white" stroke="#666666" points="205,-648 113,-648 113,-629 205,-629 205,-648"/>
<text text-anchor="middle" x="159" y="-636" font-family="Helvetica,sans-Serif" font-size="10.00">IWebViewControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node91 -->
<g id="edge31" class="edge">
<title>Node1&#45;&gt;Node91</title>
<path fill="none" stroke="#63b8ff" d="M28.45,-880.17C35.02,-826.79 54.64,-689.4 86,-657.5 93.16,-650.22 102.76,-645.62 112.61,-642.74"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="24.98,-879.71 27.28,-890.06 31.94,-880.54 24.98,-879.71"/>
</g>
<!-- Node92 -->
<g id="node33" class="node">
<title>Node92</title>
<g id="a_node33"><a xlink:href="class_test_animation_control.html" target="_top" xlink:title="Control to test animation.">
<polygon fill="white" stroke="#666666" points="214,-611 104,-611 104,-592 214,-592 214,-611"/>
<text text-anchor="middle" x="159" y="-599" font-family="Helvetica,sans-Serif" font-size="10.00">TestAnimationControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node92 -->
<g id="edge32" class="edge">
<title>Node1&#45;&gt;Node92</title>
<path fill="none" stroke="#63b8ff" d="M27.68,-880.51C32.77,-821.89 50,-658.26 86,-620.5 90.91,-615.35 97.03,-611.54 103.62,-608.73"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="24.22,-879.86 26.87,-890.12 31.19,-880.44 24.22,-879.86"/>
</g>
<!-- Node93 -->
<g id="node34" class="node">
<title>Node93</title>
<g id="a_node34"><a xlink:href="class_test_bezier_control.html" target="_top" xlink:title="Control to test drawing bezier curves.">
<polygon fill="white" stroke="#666666" points="206,-574 112,-574 112,-555 206,-555 206,-574"/>
<text text-anchor="middle" x="159" y="-562" font-family="Helvetica,sans-Serif" font-size="10.00">TestBezierControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node93 -->
<g id="edge33" class="edge">
<title>Node1&#45;&gt;Node93</title>
<path fill="none" stroke="#63b8ff" d="M27.12,-880.32C30.92,-816.39 45.44,-627.07 86,-583.5 92.78,-576.21 102,-571.59 111.57,-568.69"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.63,-879.97 26.56,-890.15 30.62,-880.36 23.63,-879.97"/>
</g>
<!-- Node94 -->
<g id="node35" class="node">
<title>Node94</title>
<g id="a_node35"><a xlink:href="class_test_color_control.html" target="_top" xlink:title="Control to colors.">
<polygon fill="white" stroke="#666666" points="203.5,-537 114.5,-537 114.5,-518 203.5,-518 203.5,-537"/>
<text text-anchor="middle" x="159" y="-525" font-family="Helvetica,sans-Serif" font-size="10.00">TestColorControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node94 -->
<g id="edge34" class="edge">
<title>Node1&#45;&gt;Node94</title>
<path fill="none" stroke="#63b8ff" d="M26.67,-880.15C29.25,-811.17 40.86,-595.93 86,-546.5 93.32,-538.48 103.59,-533.68 114.09,-530.85"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.17,-879.95 26.32,-890.06 30.17,-880.19 23.17,-879.95"/>
</g>
<!-- Node95 -->
<g id="node36" class="node">
<title>Node95</title>
<g id="a_node36"><a xlink:href="class_test_cursor_control.html" target="_top" xlink:title="Control to test changing the platform cursor.">
<polygon fill="white" stroke="#666666" points="206.5,-500 111.5,-500 111.5,-481 206.5,-481 206.5,-500"/>
<text text-anchor="middle" x="159" y="-488" font-family="Helvetica,sans-Serif" font-size="10.00">TestCursorControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node95 -->
<g id="edge35" class="edge">
<title>Node1&#45;&gt;Node95</title>
<path fill="none" stroke="#63b8ff" d="M26.29,-880.34C27.71,-806.97 36.17,-564.92 86,-509.5 92.57,-502.19 101.58,-497.55 111.01,-494.63"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.79,-880.09 26.12,-890.14 29.79,-880.2 22.79,-880.09"/>
</g>
<!-- Node96 -->
<g id="node37" class="node">
<title>Node96</title>
<g id="a_node37"><a xlink:href="class_test_custom_shader_control.html" target="_top" xlink:title="Control to test IGraphicsNanoVG with Metal Shaders.">
<polygon fill="white" stroke="#666666" points="224.5,-463 93.5,-463 93.5,-444 224.5,-444 224.5,-463"/>
<text text-anchor="middle" x="159" y="-451" font-family="Helvetica,sans-Serif" font-size="10.00">TestCustomShaderControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node96 -->
<g id="edge36" class="edge">
<title>Node1&#45;&gt;Node96</title>
<path fill="none" stroke="#63b8ff" d="M25.98,-880.37C26.32,-802.64 31.5,-533.91 86,-472.5 89.26,-468.83 93.14,-465.82 97.38,-463.38"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.48,-879.99 25.96,-889.99 29.48,-880 22.48,-879.99"/>
</g>
<!-- Node97 -->
<g id="node38" class="node">
<title>Node97</title>
<g id="a_node38"><a xlink:href="class_test_drag_and_drop_control.html" target="_top" xlink:title="Control to test dropping single and multiple files.">
<polygon fill="white" stroke="#666666" points="221.5,-426 96.5,-426 96.5,-407 221.5,-407 221.5,-426"/>
<text text-anchor="middle" x="159" y="-414" font-family="Helvetica,sans-Serif" font-size="10.00">TestDragAndDropControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node97 -->
<g id="edge37" class="edge">
<title>Node1&#45;&gt;Node97</title>
<path fill="none" stroke="#63b8ff" d="M25.71,-880.44C25.04,-798.6 26.81,-502.93 86,-435.5 89.24,-431.81 93.11,-428.79 97.34,-426.34"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.21,-880.38 25.82,-890.34 29.21,-880.31 22.21,-880.38"/>
</g>
<!-- Node98 -->
<g id="node39" class="node">
<title>Node98</title>
<g id="a_node39"><a xlink:href="class_test_draw_context_control.html" target="_top" xlink:title="Control to test obtaining a drawing API (NanoVG, Skia, Canvas) context and using that API within an I...">
<polygon fill="white" stroke="#666666" points="220,-389 98,-389 98,-370 220,-370 220,-389"/>
<text text-anchor="middle" x="159" y="-377" font-family="Helvetica,sans-Serif" font-size="10.00">TestDrawContextControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node98 -->
<g id="edge38" class="edge">
<title>Node1&#45;&gt;Node98</title>
<path fill="none" stroke="#63b8ff" d="M27.13,-880.46C32.17,-789.82 53.82,-435.5 86,-398.5 89.31,-394.7 93.28,-391.61 97.64,-389.11"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.64,-880.17 26.59,-890.34 30.63,-880.55 23.64,-880.17"/>
</g>
<!-- Node99 -->
<g id="node40" class="node">
<title>Node99</title>
<g id="a_node40"><a xlink:href="class_test_drop_shadow_control.html" target="_top" xlink:title="Control to test layer drop shadows.">
<polygon fill="white" stroke="#666666" points="220,-352 98,-352 98,-333 220,-333 220,-352"/>
<text text-anchor="middle" x="159" y="-340" font-family="Helvetica,sans-Serif" font-size="10.00">TestDropShadowControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node99 -->
<g id="edge39" class="edge">
<title>Node1&#45;&gt;Node99</title>
<path fill="none" stroke="#63b8ff" d="M26.96,-880.13C31.44,-784.82 51.5,-401.49 86,-361.5 89.29,-357.68 93.25,-354.59 97.6,-352.08"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.47,-879.94 26.5,-890.09 30.46,-880.26 23.47,-879.94"/>
</g>
<!-- Node100 -->
<g id="node41" class="node">
<title>Node100</title>
<g id="a_node41"><a xlink:href="class_test_flex_box_control.html" target="_top" xlink:title="Control to test IGraphicsFlexBox.">
<polygon fill="white" stroke="#666666" points="209.5,-315 108.5,-315 108.5,-296 209.5,-296 209.5,-315"/>
<text text-anchor="middle" x="159" y="-303" font-family="Helvetica,sans-Serif" font-size="10.00">TestFlexBoxControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node100 -->
<g id="edge40" class="edge">
<title>Node1&#45;&gt;Node100</title>
<path fill="none" stroke="#63b8ff" d="M26.79,-880.56C30.66,-782.04 49.09,-367.6 86,-324.5 91.8,-317.72 99.71,-313.22 108.16,-310.26"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.3,-880.22 26.41,-890.35 30.29,-880.49 23.3,-880.22"/>
</g>
<!-- Node101 -->
<g id="node42" class="node">
<title>Node101</title>
<g id="a_node42"><a xlink:href="class_test_font_control.html" target="_top" xlink:title="Control to test drawing fonts.">
<polygon fill="white" stroke="#666666" points="202,-278 116,-278 116,-259 202,-259 202,-278"/>
<text text-anchor="middle" x="159" y="-266" font-family="Helvetica,sans-Serif" font-size="10.00">TestFontControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node101 -->
<g id="edge41" class="edge">
<title>Node1&#45;&gt;Node101</title>
<path fill="none" stroke="#63b8ff" d="M26.65,-880.52C30,-778.08 46.72,-333.65 86,-287.5 93.46,-278.74 104.43,-273.77 115.58,-271.02"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.16,-880.1 26.34,-890.21 30.16,-880.33 23.16,-880.1"/>
</g>
<!-- Node102 -->
<g id="node43" class="node">
<title>Node102</title>
<g id="a_node43"><a xlink:href="class_test_image_control.html" target="_top" xlink:title="Control to test drawing bitmaps.">
<polygon fill="white" stroke="#666666" points="206,-241 112,-241 112,-222 206,-222 206,-241"/>
<text text-anchor="middle" x="159" y="-229" font-family="Helvetica,sans-Serif" font-size="10.00">TestImageControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node102 -->
<g id="edge42" class="edge">
<title>Node1&#45;&gt;Node102</title>
<path fill="none" stroke="#63b8ff" d="M26.53,-880.27C29.39,-773.63 44.38,-299.67 86,-250.5 92.6,-242.7 101.98,-237.91 111.8,-235.01"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="23.04,-880.03 26.28,-890.12 30.03,-880.22 23.04,-880.03"/>
</g>
<!-- Node103 -->
<g id="node44" class="node">
<title>Node103</title>
<g id="a_node44"><a xlink:href="class_test_keyboard_control.html" target="_top" xlink:title="Control to test keyboard input.">
<polygon fill="white" stroke="#666666" points="212.5,-204 105.5,-204 105.5,-185 212.5,-185 212.5,-204"/>
<text text-anchor="middle" x="159" y="-192" font-family="Helvetica,sans-Serif" font-size="10.00">TestKeyboardControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node103 -->
<g id="edge43" class="edge">
<title>Node1&#45;&gt;Node103</title>
<path fill="none" stroke="#63b8ff" d="M26.42,-880.11C28.81,-769.52 42.03,-265.72 86,-213.5 91.08,-207.47 97.83,-203.23 105.16,-200.28"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.93,-880.01 26.22,-890.08 29.92,-880.15 22.93,-880.01"/>
</g>
<!-- Node104 -->
<g id="node45" class="node">
<title>Node104</title>
<g id="a_node45"><a xlink:href="class_test_m_p_s_control.html" target="_top" xlink:title="Control to test IGraphicsNanoVG with Metal Performance Shaders.">
<polygon fill="white" stroke="#666666" points="203.5,-167 114.5,-167 114.5,-148 203.5,-148 203.5,-167"/>
<text text-anchor="middle" x="159" y="-155" font-family="Helvetica,sans-Serif" font-size="10.00">TestMPSControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node104 -->
<g id="edge44" class="edge">
<title>Node1&#45;&gt;Node104</title>
<path fill="none" stroke="#63b8ff" d="M26.32,-880.39C28.22,-766.86 39.61,-231.83 86,-176.5 93.14,-167.98 103.61,-163.04 114.37,-160.24"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.82,-880.02 26.16,-890.08 29.82,-880.13 22.82,-880.02"/>
</g>
<!-- Node105 -->
<g id="node46" class="node">
<title>Node105</title>
<g id="a_node46"><a xlink:href="class_test_m_t_control.html" target="_top" xlink:title="Control to test multi touch.">
<polygon fill="white" stroke="#666666" points="199.5,-130 118.5,-130 118.5,-111 199.5,-111 199.5,-130"/>
<text text-anchor="middle" x="159" y="-118" font-family="Helvetica,sans-Serif" font-size="10.00">TestMTControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node105 -->
<g id="edge45" class="edge">
<title>Node1&#45;&gt;Node105</title>
<path fill="none" stroke="#63b8ff" d="M26.23,-880.42C27.68,-763.52 37.22,-197.92 86,-139.5 93.95,-129.97 106.07,-124.92 118.1,-122.32"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.73,-880.07 26.12,-890.11 29.73,-880.16 22.73,-880.07"/>
</g>
<!-- Node106 -->
<g id="node47" class="node">
<title>Node106</title>
<g id="a_node47"><a xlink:href="class_test_s_v_g_control.html" target="_top" xlink:title="Control to test drawing SVGs.">
<polygon fill="white" stroke="#666666" points="203,-93 115,-93 115,-74 203,-74 203,-93"/>
<text text-anchor="middle" x="159" y="-81" font-family="Helvetica,sans-Serif" font-size="10.00">TestSVGControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node106 -->
<g id="edge46" class="edge">
<title>Node1&#45;&gt;Node106</title>
<path fill="none" stroke="#63b8ff" d="M26.15,-880.53C27.17,-760.53 34.82,-164.02 86,-102.5 93.19,-93.85 103.81,-88.89 114.7,-86.1"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.65,-880.16 26.07,-890.19 29.65,-880.22 22.65,-880.16"/>
</g>
<!-- Node107 -->
<g id="node48" class="node">
<title>Node107</title>
<g id="a_node48"><a xlink:href="class_test_shadow_gradient_control.html" target="_top" xlink:title="Control to test drawing shadows with gradients.">
<polygon fill="white" stroke="#666666" points="228.5,-56 89.5,-56 89.5,-37 228.5,-37 228.5,-56"/>
<text text-anchor="middle" x="159" y="-44" font-family="Helvetica,sans-Serif" font-size="10.00">TestShadowGradientControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node107 -->
<g id="edge47" class="edge">
<title>Node1&#45;&gt;Node107</title>
<path fill="none" stroke="#63b8ff" d="M26.07,-880.33C26.69,-756.59 32.46,-130.08 86,-65.5 89.05,-61.82 92.73,-58.8 96.78,-56.34"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.58,-880.01 26.03,-890.02 29.58,-880.04 22.58,-880.01"/>
</g>
<!-- Node108 -->
<g id="node49" class="node">
<title>Node108</title>
<g id="a_node49"><a xlink:href="class_test_size_control.html" target="_top" xlink:title="Control to display the size of a region.">
<polygon fill="white" stroke="#666666" points="202,-19 116,-19 116,0 202,0 202,-19"/>
<text text-anchor="middle" x="159" y="-7" font-family="Helvetica,sans-Serif" font-size="10.00">TestSizeControl</text>
</a>
</g>
</g>
<!-- Node1&#45;&gt;Node108 -->
<g id="edge48" class="edge">
<title>Node1&#45;&gt;Node108</title>
<path fill="none" stroke="#63b8ff" d="M26.01,-880.2C26.23,-752.94 30.09,-96.15 86,-28.5 93.41,-19.53 104.51,-14.52 115.79,-11.79"/>
<polygon fill="#63b8ff" stroke="#63b8ff" points="22.51,-880.16 26,-890.16 29.51,-880.17 22.51,-880.16"/>
</g>
</g>
</svg>
        <g id="navigator" transform="translate(0 0)" fill="#404254">
                <rect fill="#f2f5e9" fill-opacity="0.5" stroke="#606060" stroke-width=".5" x="0" y="0" width="60" height="60"/>
                <use id="zoomplus" xlink:href="#zoomPlus" x="17" y="9" onmousedown="handleZoom(evt,'in')"/>
                <use id="zoomminus" xlink:href="#zoomMin" x="42" y="9" onmousedown="handleZoom(evt,'out')"/>
                <use id="reset" xlink:href="#resetDef" x="30" y="36" onmousedown="handleReset()"/>
                <g id="arrowUp" xlink:href="#dirArrow" transform="translate(30 24)" onmousedown="handlePan(0,-1)">
                  <use xlink:href="#rim" fill="#404040">
                        <set attributeName="fill" to="#808080" begin="arrowUp.mouseover" end="arrowUp.mouseout"/>
                  </use>
                  <path fill="none" stroke="white" stroke-width="1.5" d="M0,-3.0v7 M-2.5,-0.5L0,-3.0L2.5,-0.5"/>
                </g>
                <g id="arrowRight" xlink:href="#dirArrow" transform="rotate(90) translate(36 -43)" onmousedown="handlePan(1,0)">
                  <use xlink:href="#rim" fill="#404040">
                        <set attributeName="fill" to="#808080" begin="arrowRight.mouseover" end="arrowRight.mouseout"/>
                  </use>
                  <path fill="none" stroke="white" stroke-width="1.5" d="M0,-3.0v7 M-2.5,-0.5L0,-3.0L2.5,-0.5"/>
                </g>
                <g id="arrowDown" xlink:href="#dirArrow" transform="rotate(180) translate(-30 -48)" onmousedown="handlePan(0,1)">
                  <use xlink:href="#rim" fill="#404040">
                        <set attributeName="fill" to="#808080" begin="arrowDown.mouseover" end="arrowDown.mouseout"/>
                  </use>
                  <path fill="none" stroke="white" stroke-width="1.5" d="M0,-3.0v7 M-2.5,-0.5L0,-3.0L2.5,-0.5"/>
                </g>
                <g id="arrowLeft" xlink:href="#dirArrow" transform="rotate(270) translate(-36 17)" onmousedown="handlePan(-1,0)">
                  <use xlink:href="#rim" fill="#404040">
                        <set attributeName="fill" to="#808080" begin="arrowLeft.mouseover" end="arrowLeft.mouseout"/>
                  </use>
                  <path fill="none" stroke="white" stroke-width="1.5" d="M0,-3.0v7 M-2.5,-0.5L0,-3.0L2.5,-0.5"/>
                </g>
        </g>
        <svg viewBox="0 0 15 15" width="100%" height="30px" preserveAspectRatio="xMaxYMin meet">
         <g id="arrow_out" transform="scale(0.3 0.3)">
          <a xlink:href="class_i_control__inherit__graph_org.svg" target="_base">
           <rect id="button" ry="5" rx="5" y="6" x="6" height="38" width="38"
                fill="#f2f5e9" fill-opacity="0.5" stroke="#606060" stroke-width="1.0"/>
           <path id="arrow"
             d="M 11.500037,31.436501 C 11.940474,20.09759 22.043105,11.32322 32.158766,21.979434 L 37.068811,17.246167 C 37.068811,17.246167 37.088388,32 37.088388,32 L 22.160133,31.978069 C 22.160133,31.978069 26.997745,27.140456 26.997745,27.140456 C 18.528582,18.264221 13.291696,25.230495 11.500037,31.436501 z"
             style="fill:#404040;"/>
          </a>
         </g>
        </svg>
</svg>