VideoJs/vj.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 2.38.0 (20140413.2041)
 -->
<!-- Title: G Pages: 1 -->
<svg width="4584pt" height="6065pt"
 viewBox="0.00 0.00 4583.60 6065.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(91.604 6061)">
<title>G</title>
<polygon fill="white" stroke="none" points="-91.604,4 -91.604,-6061 4492,-6061 4492,4 -91.604,4"/>
<!-- n0 -->
<g id="node1" class="node"><title>n0</title>
<polygon fill="aliceblue" stroke="black" points="3973.23,-4634.3 3973.23,-4672.3 4062.23,-4672.3 4062.23,-4634.3 3973.23,-4634.3"/>
<text text-anchor="middle" x="4017.73" y="-4657.1" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="4017.73" y="-4642.1" font-family="Times New Roman,serif" font-size="14.00">Gruntfile.js</text>
</g>
<!-- n166 -->
<g id="node152" class="node"><title>n166</title>
<polygon fill="azure" stroke="black" points="3792.38,-4638.94 3792.38,-4676.94 3929.38,-4676.94 3929.38,-4638.94 3792.38,-4638.94"/>
<text text-anchor="middle" x="3860.88" y="-4661.74" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3860.88" y="-4646.74" font-family="Times New Roman,serif" font-size="14.00">babel/register</text>
</g>
<!-- n0&#45;&gt;n166 -->
<g id="edge6" class="edge"><title>n0&#45;&gt;n166</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3973.2,-4655C3973.2,-4655 3939.56,-4655 3939.56,-4655"/>
<polygon fill="red" stroke="red" points="3939.56,-4651.5 3929.56,-4655 3939.56,-4658.5 3939.56,-4651.5"/>
<text text-anchor="middle" x="3941.63" y="-4643.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n169 -->
<g id="node154" class="node"><title>n169</title>
<polygon fill="#8deeee" stroke="black" points="3950.44,-4582.16 3950.44,-4620.16 4099.44,-4620.16 4099.44,-4582.16 3950.44,-4582.16"/>
<text text-anchor="middle" x="4024.94" y="-4604.96" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="4024.94" y="-4589.96" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
</g>
<!-- n0&#45;&gt;n169 -->
<g id="edge8" class="edge"><title>n0&#45;&gt;n169</title>
<path fill="none" stroke="black" d="M4017.73,-4622.18C4017.73,-4622.18 4017.73,-4620.27 4017.73,-4620.27"/>
<polygon fill="black" stroke="black" points="4017.73,-4622.18 4021.73,-4628.18 4017.73,-4634.18 4013.73,-4628.18 4017.73,-4622.18"/>
</g>
<!-- n167 -->
<g id="node163" class="node"><title>n167</title>
<polygon fill="azure" stroke="black" points="3997.37,-4682.18 3997.37,-4720.18 4134.37,-4720.18 4134.37,-4682.18 3997.37,-4682.18"/>
<text text-anchor="middle" x="4065.87" y="-4704.98" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="4065.87" y="-4689.98" font-family="Times New Roman,serif" font-size="14.00">./build/grunt.js</text>
</g>
<!-- n0&#45;&gt;n167 -->
<g id="edge7" class="edge"><title>n0&#45;&gt;n167</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M4029.8,-4672.5C4029.8,-4672.5 4029.8,-4673.45 4029.8,-4673.45"/>
<polygon fill="red" stroke="red" points="4026.3,-4671.98 4029.8,-4681.98 4033.3,-4671.98 4026.3,-4671.98"/>
<text text-anchor="middle" x="4000.3" y="-4676.77" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n7 -->
<g id="node2" class="node"><title>n7</title>
<polygon fill="aliceblue" stroke="black" points="474.193,-4266.98 474.193,-4304.98 617.193,-4304.98 617.193,-4266.98 474.193,-4266.98"/>
<text text-anchor="middle" x="545.693" y="-4289.78" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="545.693" y="-4274.78" font-family="Times New Roman,serif" font-size="14.00">build/tasks/test&#45;local.js</text>
</g>
<!-- n546 -->
<g id="node169" class="node"><title>n546</title>
<polygon fill="#8deeee" stroke="black" points="511.405,-4318.31 511.405,-4356.31 660.405,-4356.31 660.405,-4318.31 511.405,-4318.31"/>
<text text-anchor="middle" x="585.905" y="-4341.11" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="585.905" y="-4326.11" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
</g>
<!-- n7&#45;&gt;n546 -->
<g id="edge24" class="edge"><title>n7&#45;&gt;n546</title>
<path fill="none" stroke="black" d="M564.299,-4316.72C564.299,-4316.72 564.299,-4318.01 564.299,-4318.01"/>
<polygon fill="black" stroke="black" points="564.299,-4317.1 560.299,-4311.1 564.299,-4305.1 568.299,-4311.1 564.299,-4317.1"/>
</g>
<!-- n1 -->
<g id="node3" class="node"><title>n1</title>
<polygon fill="aliceblue" stroke="black" points="3764.12,-2074.11 3764.12,-2112.11 3853.12,-2112.11 3853.12,-2074.11 3764.12,-2074.11"/>
<text text-anchor="middle" x="3808.62" y="-2096.91" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3808.62" y="-2081.91" font-family="Times New Roman,serif" font-size="14.00">build/grunt.js</text>
</g>
<!-- n2 -->
<g id="node4" class="node"><title>n2</title>
<polygon fill="aliceblue" stroke="black" points="3690.24,-2121.53 3690.24,-2197.53 4011.24,-2197.53 4011.24,-2121.53 3690.24,-2121.53"/>
<text text-anchor="middle" x="3850.74" y="-2182.33" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3850.74" y="-2167.33" font-family="Times New Roman,serif" font-size="14.00">build/options&#45;customizer.js</text>
<polyline fill="none" stroke="black" points="3690.24,-2159.53 4011.24,-2159.53 "/>
<text text-anchor="start" x="3698.24" y="-2144.33" font-family="Times New Roman,serif" font-size="14.00">&#45;gruntCustomizer(objectValue, sourceValue)</text>
<text text-anchor="start" x="3698.24" y="-2129.33" font-family="Times New Roman,serif" font-size="14.00">&#45;gruntOptionsMaker(defaultOptions, gruntCustomizer)</text>
</g>
<!-- n1&#45;&gt;n2 -->
<g id="edge9" class="edge"><title>n1&#45;&gt;n2</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3808.62,-2112.32C3808.62,-2112.32 3808.62,-2113.24 3808.62,-2113.24"/>
<polygon fill="red" stroke="red" points="3805.12,-2111.47 3808.62,-2121.47 3812.12,-2111.47 3805.12,-2111.47"/>
<text text-anchor="middle" x="3671.12" y="-2101.58" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [gruntCustomizer, gruntOptionsMaker]»</text>
</g>
<!-- n171 -->
<g id="node156" class="node"><title>n171</title>
<polygon fill="azure" stroke="black" points="3671.1,-2272.78 3671.1,-2310.78 3808.1,-2310.78 3808.1,-2272.78 3671.1,-2272.78"/>
<text text-anchor="middle" x="3739.6" y="-2295.58" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3739.6" y="-2280.58" font-family="Times New Roman,serif" font-size="14.00">time&#45;grunt</text>
</g>
<!-- n1&#45;&gt;n171 -->
<g id="edge10" class="edge"><title>n1&#45;&gt;n171</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3763.86,-2105C3728.34,-2105 3684.63,-2105 3684.63,-2105 3684.63,-2105 3684.63,-2262.49 3684.63,-2262.49"/>
<polygon fill="red" stroke="red" points="3681.13,-2262.49 3684.63,-2272.49 3688.13,-2262.49 3681.13,-2262.49"/>
<text text-anchor="middle" x="3655.13" y="-2132.93" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n172 -->
<g id="node157" class="node"><title>n172</title>
<polygon fill="azure" stroke="black" points="3839.22,-2206.54 3839.22,-2244.54 3976.22,-2244.54 3976.22,-2206.54 3839.22,-2206.54"/>
<text text-anchor="middle" x="3907.72" y="-2229.34" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3907.72" y="-2214.34" font-family="Times New Roman,serif" font-size="14.00">lodash&#45;compat</text>
</g>
<!-- n1&#45;&gt;n172 -->
<g id="edge11" class="edge"><title>n1&#45;&gt;n172</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3763.84,-2108C3729.32,-2108 3687.44,-2108 3687.44,-2108 3687.44,-2108 3687.44,-2210 3687.44,-2210 3687.44,-2210 3828.93,-2210 3828.93,-2210"/>
<polygon fill="red" stroke="red" points="3828.93,-2213.5 3838.93,-2210 3828.93,-2206.5 3828.93,-2213.5"/>
<text text-anchor="middle" x="3657.94" y="-2195.34" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n176 -->
<g id="node160" class="node"><title>n176</title>
<polygon fill="azure" stroke="black" points="3544.82,-2140.33 3544.82,-2178.33 3681.82,-2178.33 3681.82,-2140.33 3544.82,-2140.33"/>
<text text-anchor="middle" x="3613.32" y="-2163.13" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3613.32" y="-2148.13" font-family="Times New Roman,serif" font-size="14.00">load&#45;grunt&#45;tasks</text>
</g>
<!-- n1&#45;&gt;n176 -->
<g id="edge15" class="edge"><title>n1&#45;&gt;n176</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3763.69,-2101C3708.2,-2101 3621.05,-2101 3621.05,-2101 3621.05,-2101 3621.05,-2130.23 3621.05,-2130.23"/>
<polygon fill="red" stroke="red" points="3617.55,-2130.23 3621.05,-2140.23 3624.55,-2130.23 3617.55,-2130.23"/>
<text text-anchor="middle" x="3648.26" y="-2089.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n177 -->
<g id="node161" class="node"><title>n177</title>
<polygon fill="#8deeee" stroke="black" points="4019.42,-2032.81 4019.42,-2311.81 4488.42,-2311.81 4488.42,-2032.81 4019.42,-2032.81"/>
<text text-anchor="middle" x="4253.92" y="-2296.61" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="4253.92" y="-2281.61" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
<polyline fill="none" stroke="black" points="4019.42,-2273.81 4488.42,-2273.81 "/>
<text text-anchor="start" x="4027.42" y="-2258.61" font-family="Times New Roman,serif" font-size="14.00">+browserifyGruntCustomizer : variable = gruntCustomizer</text>
<text text-anchor="start" x="4027.42" y="-2243.61" font-family="Times New Roman,serif" font-size="14.00">+browserifyGruntDefaults : object</text>
<text text-anchor="start" x="4027.42" y="-2228.61" font-family="Times New Roman,serif" font-size="14.00">+buildDependents : array</text>
<text text-anchor="start" x="4027.42" y="-2213.61" font-family="Times New Roman,serif" font-size="14.00">+githubReleaseCustomizer : variable = gruntCustomizer</text>
<text text-anchor="start" x="4027.42" y="-2198.61" font-family="Times New Roman,serif" font-size="14.00">+githubReleaseDefaults : object</text>
<text text-anchor="start" x="4027.42" y="-2183.61" font-family="Times New Roman,serif" font-size="14.00">+grunt.vjsVersion : identifier = version</text>
<text text-anchor="start" x="4027.42" y="-2168.61" font-family="Times New Roman,serif" font-size="14.00">+version : object</text>
<polyline fill="none" stroke="black" points="4019.42,-2160.81 4488.42,-2160.81 "/>
<text text-anchor="start" x="4027.42" y="-2145.61" font-family="Times New Roman,serif" font-size="14.00">&#45;bannerCommonData(pkg)</text>
<text text-anchor="start" x="4027.42" y="-2130.61" font-family="Times New Roman,serif" font-size="14.00">&#45;browserifyGruntOptions(browserifyGruntDefaults, browserifyGruntCustomizer)</text>
<text text-anchor="start" x="4027.42" y="-2115.61" font-family="Times New Roman,serif" font-size="14.00">&#45;createLicenseProcessor(data)</text>
<text text-anchor="start" x="4027.42" y="-2100.61" font-family="Times New Roman,serif" font-size="14.00">&#45;githubReleaseOptions(githubReleaseDefaults, githubReleaseCustomizer)</text>
<text text-anchor="start" x="4027.42" y="-2085.61" font-family="Times New Roman,serif" font-size="14.00">&#45;license(build/license&#45;header.txt)</text>
<text text-anchor="start" x="4027.42" y="-2070.61" font-family="Times New Roman,serif" font-size="14.00">&#45;pkg(package.json)</text>
<text text-anchor="start" x="4027.42" y="-2055.61" font-family="Times New Roman,serif" font-size="14.00">&#45;verParts(.)</text>
<text text-anchor="start" x="4027.42" y="-2040.61" font-family="Times New Roman,serif" font-size="14.00">&#45;version.majorMinor()</text>
</g>
<!-- n1&#45;&gt;n177 -->
<g id="edge16" class="edge"><title>n1&#45;&gt;n177</title>
<path fill="none" stroke="black" d="M3865.36,-2093C3865.36,-2093 4019.24,-2093 4019.24,-2093"/>
<polygon fill="black" stroke="black" points="3865.36,-2093 3859.36,-2097 3853.36,-2093 3859.36,-2089 3865.36,-2093"/>
</g>
<!-- n175 -->
<g id="node165" class="node"><title>n175</title>
<polygon fill="azure" stroke="black" points="3922.64,-1985.34 3922.64,-2023.34 4059.64,-2023.34 4059.64,-1985.34 3922.64,-1985.34"/>
<text text-anchor="middle" x="3991.14" y="-2008.14" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3991.14" y="-1993.14" font-family="Times New Roman,serif" font-size="14.00">path</text>
</g>
<!-- n1&#45;&gt;n175 -->
<g id="edge14" class="edge"><title>n1&#45;&gt;n175</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3831.07,-2073.72C3831.07,-2050.01 3831.07,-2013 3831.07,-2013 3831.07,-2013 3912.33,-2013 3912.33,-2013"/>
<polygon fill="red" stroke="red" points="3912.33,-2016.5 3922.33,-2013 3912.33,-2009.5 3912.33,-2016.5"/>
<text text-anchor="middle" x="3811.84" y="-2016.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n173 -->
<g id="node170" class="node"><title>n173</title>
<polygon fill="azure" stroke="black" points="3560.28,-1922.12 3560.28,-1960.12 3697.28,-1960.12 3697.28,-1922.12 3560.28,-1922.12"/>
<text text-anchor="middle" x="3628.78" y="-1944.92" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3628.78" y="-1929.92" font-family="Times New Roman,serif" font-size="14.00">babelify</text>
</g>
<!-- n1&#45;&gt;n173 -->
<g id="edge12" class="edge"><title>n1&#45;&gt;n173</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3763.88,-2085C3731.63,-2085 3693.76,-2085 3693.76,-2085 3693.76,-2085 3693.76,-1970.23 3693.76,-1970.23"/>
<polygon fill="red" stroke="red" points="3697.26,-1970.23 3693.76,-1960.23 3690.26,-1970.23 3697.26,-1970.23"/>
<text text-anchor="middle" x="3664.26" y="-2066.48" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n174 -->
<g id="node258" class="node"><title>n174</title>
<polygon fill="azure" stroke="black" points="3786.97,-1878.01 3786.97,-1916.01 3923.97,-1916.01 3923.97,-1878.01 3786.97,-1878.01"/>
<text text-anchor="middle" x="3855.47" y="-1900.81" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="3855.47" y="-1885.81" font-family="Times New Roman,serif" font-size="14.00">chg</text>
</g>
<!-- n1&#45;&gt;n174 -->
<g id="edge13" class="edge"><title>n1&#45;&gt;n174</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3809.02,-2073.95C3809.02,-2073.95 3809.02,-1926.24 3809.02,-1926.24"/>
<polygon fill="red" stroke="red" points="3812.52,-1926.24 3809.02,-1916.24 3805.52,-1926.24 3812.52,-1926.24"/>
<text text-anchor="middle" x="3779.52" y="-1988.9" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n2&#45;&gt;n172 -->
<g id="edge17" class="edge"><title>n2&#45;&gt;n172</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3907.72,-2197.55C3907.72,-2197.55 3907.72,-2198.45 3907.72,-2198.45"/>
<polygon fill="red" stroke="red" points="3904.22,-2196.54 3907.72,-2206.54 3911.22,-2196.54 3904.22,-2196.54"/>
<text text-anchor="middle" x="3875.72" y="-2201.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n6 -->
<g id="node5" class="node"><title>n6</title>
<polygon fill="aliceblue" stroke="black" points="3317.69,-1264.98 3317.69,-1302.98 3471.69,-1302.98 3471.69,-1264.98 3317.69,-1264.98"/>
<text text-anchor="middle" x="3394.69" y="-1287.78" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3394.69" y="-1272.78" font-family="Times New Roman,serif" font-size="14.00">build/tasks/vjs&#45;version.js</text>
</g>
<!-- n542 -->
<g id="node168" class="node"><title>n542</title>
<polygon fill="#8deeee" stroke="black" points="3360.41,-1316.31 3360.41,-1354.31 3509.41,-1354.31 3509.41,-1316.31 3360.41,-1316.31"/>
<text text-anchor="middle" x="3434.91" y="-1339.11" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="3434.91" y="-1324.11" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
</g>
<!-- n6&#45;&gt;n542 -->
<g id="edge23" class="edge"><title>n6&#45;&gt;n542</title>
<path fill="none" stroke="black" d="M3416.05,-1314.72C3416.05,-1314.72 3416.05,-1316.01 3416.05,-1316.01"/>
<polygon fill="black" stroke="black" points="3416.05,-1315.1 3412.05,-1309.1 3416.05,-1303.1 3420.05,-1309.1 3416.05,-1315.1"/>
</g>
<!-- n8 -->
<g id="node6" class="node"><title>n8</title>
<polygon fill="lavenderblush" stroke="black" points="631.771,-4582.51 631.771,-4666.51 874.771,-4666.51 874.771,-4582.51 631.771,-4582.51"/>
<text text-anchor="middle" x="753.271" y="-4651.31" font-family="Times New Roman,serif" font-size="14.00">«HTML»</text>
<text text-anchor="middle" x="753.271" y="-4636.31" font-family="Times New Roman,serif" font-size="14.00">docs/examples/simple&#45;embed/index.html</text>
<polyline fill="none" stroke="black" points="631.771,-4628.51 874.771,-4628.51 "/>
<text text-anchor="start" x="639.771" y="-4613.31" font-family="Times New Roman,serif" font-size="14.00">NULL</text>
<polyline fill="none" stroke="black" points="631.771,-4605.51 874.771,-4605.51 "/>
<text text-anchor="start" x="639.771" y="-4590.31" font-family="Times New Roman,serif" font-size="14.00">video example_video_1</text>
</g>
<!-- n152 -->
<g id="node147" class="node"><title>n152</title>
<polygon fill="palegreen" stroke="black" points="693.327,-4675.79 693.327,-4713.79 923.327,-4713.79 923.327,-4675.79 693.327,-4675.79"/>
<text text-anchor="middle" x="808.327" y="-4698.59" font-family="Times New Roman,serif" font-size="14.00">«CSS»</text>
<text text-anchor="middle" x="808.327" y="-4683.59" font-family="Times New Roman,serif" font-size="14.00">http://vjs.zencdn.net/5.0.2/video&#45;js.css</text>
</g>
<!-- n8&#45;&gt;n152 -->
<g id="edge1" class="edge"><title>n8&#45;&gt;n152</title>
<path fill="none" stroke="black" d="M784.049,-4674.83C784.049,-4674.83 784.049,-4675.74 784.049,-4675.74"/>
<polygon fill="black" stroke="black" points="784.049,-4678.61 780.049,-4672.61 784.049,-4666.61 788.049,-4672.61 784.049,-4678.61"/>
</g>
<!-- n9 -->
<g id="node7" class="node"><title>n9</title>
<polygon fill="lavenderblush" stroke="black" points="3633.87,-1469.32 3633.87,-1530.32 3884.87,-1530.32 3884.87,-1469.32 3633.87,-1469.32"/>
<text text-anchor="middle" x="3759.37" y="-1515.12" font-family="Times New Roman,serif" font-size="14.00">«HTML»</text>
<text text-anchor="middle" x="3759.37" y="-1500.12" font-family="Times New Roman,serif" font-size="14.00">docs/examples/elephantsdream/index.html</text>
<polyline fill="none" stroke="black" points="3633.87,-1492.32 3884.87,-1492.32 "/>
<text text-anchor="start" x="3641.87" y="-1477.12" font-family="Times New Roman,serif" font-size="14.00">video example_video_1</text>
</g>
<!-- n159 -->
<g id="node149" class="node"><title>n159</title>
<polygon fill="aliceblue" stroke="black" points="3707.26,-1542.96 3707.26,-1578.96 3844.26,-1578.96 3844.26,-1542.96 3707.26,-1542.96"/>
<text text-anchor="middle" x="3775.76" y="-1557.26" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Markup»</text>
</g>
<!-- n9&#45;&gt;n159 -->
<g id="edge2" class="edge"><title>n9&#45;&gt;n159</title>
<path fill="none" stroke="black" d="M3775.76,-1541.69C3775.76,-1541.69 3775.76,-1542.95 3775.76,-1542.95"/>
<polygon fill="black" stroke="black" points="3775.76,-1542.39 3771.76,-1536.39 3775.76,-1530.39 3779.76,-1536.39 3775.76,-1542.39"/>
</g>
<!-- n157 -->
<g id="node155" class="node"><title>n157</title>
<polygon fill="palegreen" stroke="black" points="3829.58,-1422.04 3829.58,-1460.04 3944.58,-1460.04 3944.58,-1422.04 3829.58,-1422.04"/>
<text text-anchor="middle" x="3887.08" y="-1444.84" font-family="Times New Roman,serif" font-size="14.00">«CSS»</text>
<text text-anchor="middle" x="3887.08" y="-1429.84" font-family="Times New Roman,serif" font-size="14.00">docs/video&#45;js.css</text>
</g>
<!-- n9&#45;&gt;n157 -->
<g id="edge3" class="edge"><title>n9&#45;&gt;n157</title>
<path fill="none" stroke="black" d="M3857.22,-1461.12C3857.22,-1461.12 3857.22,-1460.24 3857.22,-1460.24"/>
<polygon fill="black" stroke="black" points="3857.22,-1457.05 3861.22,-1463.05 3857.22,-1469.05 3853.22,-1463.05 3857.22,-1457.05"/>
</g>
<!-- n13 -->
<g id="node8" class="node"><title>n13</title>
<polygon fill="aliceblue" stroke="black" points="1105.64,-4740.3 1105.64,-4778.3 1194.64,-4778.3 1194.64,-4740.3 1105.64,-4740.3"/>
<text text-anchor="middle" x="1150.14" y="-4763.1" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1150.14" y="-4748.1" font-family="Times New Roman,serif" font-size="14.00">test/api/api.js</text>
</g>
<!-- n10 -->
<g id="node9" class="node"><title>n10</title>
<polygon fill="aliceblue" stroke="black" points="747.879,-2887.02 747.879,-3016.02 989.879,-3016.02 989.879,-2887.02 747.879,-2887.02"/>
<text text-anchor="middle" x="868.879" y="-3000.82" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="868.879" y="-2985.82" font-family="Times New Roman,serif" font-size="14.00">test/globals&#45;shim.js</text>
<polyline fill="none" stroke="black" points="747.879,-2978.02 989.879,-2978.02 "/>
<text text-anchor="start" x="755.879" y="-2962.82" font-family="Times New Roman,serif" font-size="14.00">+window.fixture.id : string = qunitfixture</text>
<text text-anchor="start" x="755.879" y="-2947.82" font-family="Times New Roman,serif" font-size="14.00">+window.q : identifier = QUnit</text>
<text text-anchor="start" x="755.879" y="-2932.82" font-family="Times New Roman,serif" font-size="14.00">+window.sinon : identifier = sinon</text>
<polyline fill="none" stroke="black" points="747.879,-2925.02 989.879,-2925.02 "/>
<text text-anchor="start" x="755.879" y="-2909.82" font-family="Times New Roman,serif" font-size="14.00">&#45;window.fixture(div)</text>
<text text-anchor="start" x="755.879" y="-2894.82" font-family="Times New Roman,serif" font-size="14.00">&#45;window.xhr()</text>
</g>
<!-- n554 -->
<g id="node171" class="node"><title>n554</title>
<polygon fill="azure" stroke="black" points="1473.81,-2692.15 1473.81,-2730.15 1610.81,-2730.15 1610.81,-2692.15 1473.81,-2692.15"/>
<text text-anchor="middle" x="1542.31" y="-2714.95" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="1542.31" y="-2699.95" font-family="Times New Roman,serif" font-size="14.00">global/document</text>
</g>
<!-- n10&#45;&gt;n554 -->
<g id="edge25" class="edge"><title>n10&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M983.443,-3016.12C983.443,-3078.31 983.443,-3163 983.443,-3163 983.443,-3163 994.756,-3163 994.756,-3163 994.756,-3163 994.756,-2709 994.756,-2709 994.756,-2709 1154.33,-2709 1154.33,-2709 1154.33,-2709 1154.33,-2663 1154.33,-2663 1154.33,-2663 1639.9,-2663 1639.9,-2663 1639.9,-2663 1639.9,-2702 1639.9,-2702 1639.9,-2702 1620.88,-2702 1620.88,-2702"/>
<polygon fill="red" stroke="red" points="1620.88,-2698.5 1610.88,-2702 1620.88,-2705.5 1620.88,-2698.5"/>
<text text-anchor="middle" x="1095.24" y="-2697.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n555 -->
<g id="node172" class="node"><title>n555</title>
<polygon fill="azure" stroke="black" points="1481.67,-2884.83 1481.67,-2922.83 1618.67,-2922.83 1618.67,-2884.83 1481.67,-2884.83"/>
<text text-anchor="middle" x="1550.17" y="-2907.63" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="1550.17" y="-2892.63" font-family="Times New Roman,serif" font-size="14.00">global/window</text>
</g>
<!-- n10&#45;&gt;n555 -->
<g id="edge26" class="edge"><title>n10&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M990.05,-2973C1148.42,-2973 1405.83,-2973 1405.83,-2973 1405.83,-2973 1405.83,-2894 1405.83,-2894 1405.83,-2894 1471.38,-2894 1471.38,-2894"/>
<polygon fill="red" stroke="red" points="1471.38,-2897.5 1481.38,-2894 1471.38,-2890.5 1471.38,-2897.5"/>
<text text-anchor="middle" x="1238.21" y="-2976.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n556 -->
<g id="node173" class="node"><title>n556</title>
<polygon fill="azure" stroke="black" points="128.785,-3034.29 128.785,-3072.29 265.785,-3072.29 265.785,-3034.29 128.785,-3034.29"/>
<text text-anchor="middle" x="197.285" y="-3057.09" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="197.285" y="-3042.09" font-family="Times New Roman,serif" font-size="14.00">sinon</text>
</g>
<!-- n10&#45;&gt;n556 -->
<g id="edge27" class="edge"><title>n10&#45;&gt;n556</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M747.599,-2951C568.699,-2951 255.012,-2951 255.012,-2951 255.012,-2951 255.012,-3024.05 255.012,-3024.05"/>
<polygon fill="red" stroke="red" points="251.512,-3024.05 255.012,-3034.05 258.512,-3024.05 251.512,-3024.05"/>
<text text-anchor="middle" x="432.782" y="-2954.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n15 -->
<g id="node10" class="node"><title>n15</title>
<polygon fill="aliceblue" stroke="black" points="1225.19,-3078.02 1225.19,-3116.02 1441.19,-3116.02 1441.19,-3078.02 1225.19,-3078.02"/>
<text text-anchor="middle" x="1333.19" y="-3100.82" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1333.19" y="-3085.82" font-family="Times New Roman,serif" font-size="14.00">test/unit/clickable&#45;component.test.js</text>
</g>
<!-- n26 -->
<g id="node51" class="node"><title>n26</title>
<polygon fill="aliceblue" stroke="black" points="1731.97,-2699.93 1731.97,-2760.93 1871.97,-2760.93 1871.97,-2699.93 1731.97,-2699.93"/>
<text text-anchor="middle" x="1801.97" y="-2745.73" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1801.97" y="-2730.73" font-family="Times New Roman,serif" font-size="14.00">test/unit/test&#45;helpers.js</text>
<polyline fill="none" stroke="black" points="1731.97,-2722.93 1871.97,-2722.93 "/>
<text text-anchor="start" x="1739.97" y="-2707.73" font-family="Times New Roman,serif" font-size="14.00">+TestHelpers : object</text>
</g>
<!-- n15&#45;&gt;n26 -->
<g id="edge33" class="edge"><title>n15&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1225.07,-3109C1129.24,-3109 1004.38,-3109 1004.38,-3109 1004.38,-3109 1004.38,-2773 1004.38,-2773 1004.38,-2773 1409.38,-2773 1409.38,-2773 1409.38,-2773 1409.38,-2737 1409.38,-2737 1409.38,-2737 1721.79,-2737 1721.79,-2737"/>
<polygon fill="red" stroke="red" points="1721.79,-2740.5 1731.79,-2737 1721.79,-2733.5 1721.79,-2740.5"/>
<text text-anchor="middle" x="1070.74" y="-2761.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64 -->
<g id="node76" class="node"><title>n64</title>
<polygon fill="aliceblue" stroke="black" points="1846.54,-3231.72 1846.54,-3269.72 2025.54,-3269.72 2025.54,-3231.72 1846.54,-3231.72"/>
<text text-anchor="middle" x="1936.04" y="-3254.52" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1936.04" y="-3239.52" font-family="Times New Roman,serif" font-size="14.00">src/js/clickable&#45;component.js</text>
</g>
<!-- n15&#45;&gt;n64 -->
<g id="edge32" class="edge"><title>n15&#45;&gt;n64</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1363.39,-3116.21C1363.39,-3154.12 1363.39,-3235 1363.39,-3235 1363.39,-3235 1836.25,-3235 1836.25,-3235"/>
<polygon fill="red" stroke="red" points="1836.25,-3238.5 1846.25,-3235 1836.25,-3231.5 1836.25,-3238.5"/>
<text text-anchor="middle" x="1508.42" y="-3223.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n16 -->
<g id="node11" class="node"><title>n16</title>
<polygon fill="aliceblue" stroke="black" points="1143.54,-3003.82 1143.54,-3041.82 1313.54,-3041.82 1313.54,-3003.82 1143.54,-3003.82"/>
<text text-anchor="middle" x="1228.54" y="-3026.62" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1228.54" y="-3011.62" font-family="Times New Roman,serif" font-size="14.00">test/unit/close&#45;button.test.js</text>
</g>
<!-- n16&#45;&gt;n26 -->
<g id="edge35" class="edge"><title>n16&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1143.38,-3009C1091.96,-3009 1036.29,-3009 1036.29,-3009 1036.29,-3009 1036.29,-2780 1036.29,-2780 1036.29,-2780 1373.63,-2780 1373.63,-2780 1373.63,-2780 1373.63,-2784 1373.63,-2784 1373.63,-2784 1413.65,-2784 1413.65,-2784 1413.65,-2784 1413.65,-2744 1413.65,-2744 1413.65,-2744 1721.65,-2744 1721.65,-2744"/>
<polygon fill="red" stroke="red" points="1721.65,-2747.5 1731.65,-2744 1721.65,-2740.5 1721.65,-2747.5"/>
<text text-anchor="middle" x="1200.93" y="-2768.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n63 -->
<g id="node58" class="node"><title>n63</title>
<polygon fill="aliceblue" stroke="black" points="1600.9,-3418.88 1600.9,-3456.88 1733.9,-3456.88 1733.9,-3418.88 1600.9,-3418.88"/>
<text text-anchor="middle" x="1667.4" y="-3441.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1667.4" y="-3426.68" font-family="Times New Roman,serif" font-size="14.00">src/js/close&#45;button.js</text>
</g>
<!-- n16&#45;&gt;n63 -->
<g id="edge34" class="edge"><title>n16&#45;&gt;n63</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1143.53,-3031C1079.24,-3031 1001.98,-3031 1001.98,-3031 1001.98,-3031 1001.98,-3423 1001.98,-3423 1001.98,-3423 1590.86,-3423 1590.86,-3423"/>
<polygon fill="red" stroke="red" points="1590.86,-3426.5 1600.86,-3423 1590.86,-3419.5 1590.86,-3426.5"/>
<text text-anchor="middle" x="997.641" y="-3426.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n17 -->
<g id="node12" class="node"><title>n17</title>
<polygon fill="aliceblue" stroke="black" points="2422.4,-2989.35 2422.4,-3027.35 2568.4,-3027.35 2568.4,-2989.35 2422.4,-2989.35"/>
<text text-anchor="middle" x="2495.4" y="-3012.15" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2495.4" y="-2997.15" font-family="Times New Roman,serif" font-size="14.00">test/unit/controls.test.js</text>
</g>
<!-- n17&#45;&gt;n26 -->
<g id="edge40" class="edge"><title>n17&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2547.74,-2989.05C2547.74,-2961.19 2547.74,-2913 2547.74,-2913 2547.74,-2913 2942.32,-2913 2942.32,-2913 2942.32,-2913 2942.32,-1849 2942.32,-1849 2942.32,-1849 2287.05,-1849 2287.05,-1849 2287.05,-1849 2287.05,-2082 2287.05,-2082 2287.05,-2082 1723.33,-2082 1723.33,-2082 1723.33,-2082 1723.33,-2597 1723.33,-2597 1723.33,-2597 1848.39,-2597 1848.39,-2597 1848.39,-2597 1848.39,-2689.82 1848.39,-2689.82"/>
<polygon fill="red" stroke="red" points="1844.89,-2689.82 1848.39,-2699.82 1851.89,-2689.82 1844.89,-2689.82"/>
<text text-anchor="middle" x="2585.2" y="-1837.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n80 -->
<g id="node75" class="node"><title>n80</title>
<polygon fill="aliceblue" stroke="black" points="2563.86,-2927.96 2563.86,-2965.96 2690.86,-2965.96 2690.86,-2927.96 2563.86,-2927.96"/>
<text text-anchor="middle" x="2627.36" y="-2950.76" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2627.36" y="-2935.76" font-family="Times New Roman,serif" font-size="14.00">src/js/slider/slider.js</text>
</g>
<!-- n17&#45;&gt;n80 -->
<g id="edge39" class="edge"><title>n17&#45;&gt;n80</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2555.8,-2989.24C2555.8,-2971.89 2555.8,-2949 2555.8,-2949 2555.8,-2949 2556.59,-2949 2556.59,-2949"/>
<polygon fill="red" stroke="red" points="2553.73,-2952.5 2563.73,-2949 2553.73,-2945.5 2553.73,-2952.5"/>
<text text-anchor="middle" x="2523.8" y="-2972.53" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n123 -->
<g id="node118" class="node"><title>n123</title>
<polygon fill="aliceblue" stroke="black" points="2706.08,-3304.21 2706.08,-3365.21 2900.08,-3365.21 2900.08,-3304.21 2706.08,-3304.21"/>
<text text-anchor="middle" x="2803.08" y="-3350.01" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2803.08" y="-3335.01" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/mute&#45;toggle.js</text>
<polyline fill="none" stroke="black" points="2706.08,-3327.21 2900.08,-3327.21 "/>
<text text-anchor="start" x="2714.08" y="-3312.01" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Mute</text>
</g>
<!-- n17&#45;&gt;n123 -->
<g id="edge37" class="edge"><title>n17&#45;&gt;n123</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2495.4,-3027.75C2495.4,-3057 2495.4,-3109 2495.4,-3109 2495.4,-3109 2714.74,-3109 2714.74,-3109 2714.74,-3109 2714.74,-3293.8 2714.74,-3293.8"/>
<polygon fill="red" stroke="red" points="2711.24,-3293.8 2714.74,-3303.8 2718.24,-3293.8 2711.24,-3293.8"/>
<text text-anchor="middle" x="2624.85" y="-3112.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n127 -->
<g id="node122" class="node"><title>n127</title>
<polygon fill="aliceblue" stroke="black" points="2529.87,-3747.24 2529.87,-3808.24 2921.87,-3808.24 2921.87,-3747.24 2529.87,-3747.24"/>
<text text-anchor="middle" x="2725.87" y="-3793.04" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2725.87" y="-3778.04" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/playback&#45;rate&#45;menu/playback&#45;rate&#45;menu&#45;button.js</text>
<polyline fill="none" stroke="black" points="2529.87,-3770.24 2921.87,-3770.24 "/>
<text text-anchor="start" x="2537.87" y="-3755.04" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = PlaybackRate</text>
</g>
<!-- n17&#45;&gt;n127 -->
<g id="edge38" class="edge"><title>n17&#45;&gt;n127</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2539.68,-2988.96C2539.68,-2963.23 2539.68,-2921 2539.68,-2921 2539.68,-2921 3473.13,-2921 3473.13,-2921 3473.13,-2921 3473.13,-3115 3473.13,-3115 3473.13,-3115 3886.69,-3115 3886.69,-3115 3886.69,-3115 3886.69,-3770 3886.69,-3770 3886.69,-3770 2932.13,-3770 2932.13,-3770"/>
<polygon fill="red" stroke="red" points="2932.13,-3766.5 2922.13,-3770 2932.13,-3773.5 2932.13,-3766.5"/>
<text text-anchor="middle" x="3854.69" y="-3119.09" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n141 -->
<g id="node136" class="node"><title>n141</title>
<polygon fill="aliceblue" stroke="black" points="3127.16,-3147.9 3127.16,-3208.9 3429.16,-3208.9 3429.16,-3147.9 3127.16,-3147.9"/>
<text text-anchor="middle" x="3278.16" y="-3193.7" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3278.16" y="-3178.7" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/volume&#45;control/volume&#45;control.js</text>
<polyline fill="none" stroke="black" points="3127.16,-3170.9 3429.16,-3170.9 "/>
<text text-anchor="start" x="3135.16" y="-3155.7" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n17&#45;&gt;n141 -->
<g id="edge36" class="edge"><title>n17&#45;&gt;n141</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2568.57,-3026C2701.42,-3026 2968.67,-3026 2968.67,-3026 2968.67,-3026 2968.67,-3167 2968.67,-3167 2968.67,-3167 3117.04,-3167 3117.04,-3167"/>
<polygon fill="red" stroke="red" points="3117.04,-3170.5 3127.04,-3167 3117.04,-3163.5 3117.04,-3170.5"/>
<text text-anchor="middle" x="2945.31" y="-3029.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n17&#45;&gt;n554 -->
<g id="edge41" class="edge"><title>n17&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2531.62,-2988.98C2531.62,-2963.8 2531.62,-2923 2531.62,-2923 2531.62,-2923 3469.13,-2923 3469.13,-2923 3469.13,-2923 3469.13,-3168 3469.13,-3168 3469.13,-3168 3841.97,-3168 3841.97,-3168 3841.97,-3168 3841.97,-3223 3841.97,-3223 3841.97,-3223 660.966,-3223 660.966,-3223 660.966,-3223 660.966,-2861 660.966,-2861 660.966,-2861 1598.67,-2861 1598.67,-2861 1598.67,-2861 1598.67,-2740.44 1598.67,-2740.44"/>
<polygon fill="red" stroke="red" points="1602.17,-2740.44 1598.67,-2730.44 1595.17,-2740.44 1602.17,-2740.44"/>
<text text-anchor="middle" x="2411.5" y="-3226.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n18 -->
<g id="node13" class="node"><title>n18</title>
<polygon fill="aliceblue" stroke="black" points="1051.74,-2872.06 1051.74,-2910.06 1186.74,-2910.06 1186.74,-2872.06 1051.74,-2872.06"/>
<text text-anchor="middle" x="1119.24" y="-2894.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1119.24" y="-2879.86" font-family="Times New Roman,serif" font-size="14.00">test/unit/events.test.js</text>
</g>
<!-- n91 -->
<g id="node86" class="node"><title>n91</title>
<polygon fill="aliceblue" stroke="black" points="1626.73,-2823.26 1626.73,-2899.26 1917.73,-2899.26 1917.73,-2823.26 1626.73,-2823.26"/>
<text text-anchor="middle" x="1772.23" y="-2884.06" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1772.23" y="-2869.06" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/events.js</text>
<polyline fill="none" stroke="black" points="1626.73,-2861.26 1917.73,-2861.26 "/>
<text text-anchor="start" x="1634.73" y="-2846.06" font-family="Times New Roman,serif" font-size="14.00">&#45;_cleanUpEvents(elem, type)</text>
<text text-anchor="start" x="1634.73" y="-2831.06" font-family="Times New Roman,serif" font-size="14.00">&#45;_handleMultipleEvents(fn, elem, types, callback)</text>
</g>
<!-- n18&#45;&gt;n91 -->
<g id="edge42" class="edge"><title>n18&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1104.39,-2871.71C1104.39,-2870.06 1104.39,-2869 1104.39,-2869 1104.39,-2869 1616.49,-2869 1616.49,-2869"/>
<polygon fill="red" stroke="red" points="1616.49,-2872.5 1626.49,-2869 1616.49,-2865.5 1616.49,-2872.5"/>
<text text-anchor="middle" x="1327.09" y="-2857.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n18&#45;&gt;n554 -->
<g id="edge43" class="edge"><title>n18&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1145.56,-2871.97C1145.56,-2867.5 1145.56,-2864 1145.56,-2864 1145.56,-2864 1602.72,-2864 1602.72,-2864 1602.72,-2864 1602.72,-2740.2 1602.72,-2740.2"/>
<polygon fill="red" stroke="red" points="1606.22,-2740.2 1602.72,-2730.2 1599.22,-2740.2 1606.22,-2740.2"/>
<text text-anchor="middle" x="1464.05" y="-2867.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n19 -->
<g id="node14" class="node"><title>n19</title>
<polygon fill="aliceblue" stroke="black" points="2449.23,-2528.06 2449.23,-2604.06 2612.23,-2604.06 2612.23,-2528.06 2449.23,-2528.06"/>
<text text-anchor="middle" x="2530.73" y="-2588.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2530.73" y="-2573.86" font-family="Times New Roman,serif" font-size="14.00">test/unit/component.test.js</text>
<polyline fill="none" stroke="black" points="2449.23,-2566.06 2612.23,-2566.06 "/>
<text text-anchor="start" x="2457.23" y="-2550.86" font-family="Times New Roman,serif" font-size="14.00">&#45;getFakePlayer()</text>
<text text-anchor="start" x="2457.23" y="-2535.86" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n19&#45;&gt;n26 -->
<g id="edge49" class="edge"><title>n19&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2448.99,-2529C2303.94,-2529 2016.66,-2529 2016.66,-2529 2016.66,-2529 2016.66,-2199 2016.66,-2199 2016.66,-2199 1724.5,-2199 1724.5,-2199 1724.5,-2199 1724.5,-2608 1724.5,-2608 1724.5,-2608 1841.15,-2608 1841.15,-2608 1841.15,-2608 1841.15,-2689.85 1841.15,-2689.85"/>
<polygon fill="red" stroke="red" points="1837.65,-2689.85 1841.15,-2699.85 1844.65,-2689.85 1837.65,-2689.85"/>
<text text-anchor="middle" x="1915.99" y="-2202.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66 -->
<g id="node61" class="node"><title>n66</title>
<polygon fill="aliceblue" stroke="black" points="2293.55,-3232.88 2293.55,-3270.88 2419.55,-3270.88 2419.55,-3232.88 2293.55,-3232.88"/>
<text text-anchor="middle" x="2356.55" y="-3255.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2356.55" y="-3240.68" font-family="Times New Roman,serif" font-size="14.00">src/js/component.js</text>
</g>
<!-- n19&#45;&gt;n66 -->
<g id="edge44" class="edge"><title>n19&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2566.66,-2604.2C2566.66,-2651.79 2566.66,-2727 2566.66,-2727 2566.66,-2727 2949.73,-2727 2949.73,-2727 2949.73,-2727 2949.73,-2861 2949.73,-2861 2949.73,-2861 3086.74,-2861 3086.74,-2861 3086.74,-2861 3086.74,-3054 3086.74,-3054 3086.74,-3054 2885.19,-3054 2885.19,-3054 2885.19,-3054 2885.19,-3116 2885.19,-3116 2885.19,-3116 2337.83,-3116 2337.83,-3116 2337.83,-3116 2337.83,-3222.7 2337.83,-3222.7"/>
<polygon fill="red" stroke="red" points="2334.33,-3222.7 2337.83,-3232.7 2341.33,-3222.7 2334.33,-3222.7"/>
<text text-anchor="middle" x="3054.74" y="-3031.66" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n89 -->
<g id="node84" class="node"><title>n89</title>
<polygon fill="aliceblue" stroke="black" points="1492.81,-2417.17 1492.81,-2516.17 1719.81,-2516.17 1719.81,-2417.17 1492.81,-2417.17"/>
<text text-anchor="middle" x="1606.31" y="-2500.97" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1606.31" y="-2485.97" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/browser.js</text>
<polyline fill="none" stroke="black" points="1492.81,-2478.17 1719.81,-2478.17 "/>
<text text-anchor="start" x="1500.81" y="-2462.97" font-family="Times New Roman,serif" font-size="14.00">+USER_AGENT : object</text>
<text text-anchor="start" x="1500.81" y="-2447.97" font-family="Times New Roman,serif" font-size="14.00">+appleWebkitVersion : variable</text>
<polyline fill="none" stroke="black" points="1492.81,-2440.17 1719.81,-2440.17 "/>
<text text-anchor="start" x="1500.81" y="-2424.97" font-family="Times New Roman,serif" font-size="14.00">&#45;webkitVersionMap(USER_AGENT)</text>
</g>
<!-- n19&#45;&gt;n89 -->
<g id="edge47" class="edge"><title>n19&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2569.58,-2527.97C2569.58,-2468.67 2569.58,-2361 2569.58,-2361 2569.58,-2361 2936.08,-2361 2936.08,-2361 2936.08,-2361 2936.08,-1339 2936.08,-1339 2936.08,-1339 1952.2,-1339 1952.2,-1339 1952.2,-1339 1952.2,-2069 1952.2,-2069 1952.2,-2069 1714.17,-2069 1714.17,-2069 1714.17,-2069 1714.17,-2407.11 1714.17,-2407.11"/>
<polygon fill="red" stroke="red" points="1710.67,-2407.11 1714.17,-2417.11 1717.67,-2407.11 1710.67,-2407.11"/>
<text text-anchor="middle" x="2536.81" y="-1342.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n19&#45;&gt;n91 -->
<g id="edge46" class="edge"><title>n19&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2595.17,-2527.73C2595.17,-2492.93 2595.17,-2447 2595.17,-2447 2595.17,-2447 3166.51,-2447 3166.51,-2447 3166.51,-2447 3166.51,-2906 3166.51,-2906 3166.51,-2906 2317.66,-2906 2317.66,-2906 2317.66,-2906 2317.66,-2833 2317.66,-2833 2317.66,-2833 1928.03,-2833 1928.03,-2833"/>
<polygon fill="red" stroke="red" points="1928.03,-2829.5 1918.03,-2833 1928.03,-2836.5 1928.03,-2829.5"/>
<text text-anchor="middle" x="3034.31" y="-2909.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n92 -->
<g id="node148" class="node"><title>n92</title>
<polygon fill="aliceblue" stroke="black" points="2169.39,-3049.82 2169.39,-3193.82 2332.39,-3193.82 2332.39,-3049.82 2169.39,-3049.82"/>
<text text-anchor="middle" x="2250.89" y="-3178.62" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2250.89" y="-3163.62" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/dom.js</text>
<polyline fill="none" stroke="black" points="2169.39,-3155.82 2332.39,-3155.82 "/>
<text text-anchor="start" x="2177.39" y="-3140.62" font-family="Times New Roman,serif" font-size="14.00">+elData : object</text>
<text text-anchor="start" x="2177.39" y="-3125.62" font-family="Times New Roman,serif" font-size="14.00">+elIdAttr : variable</text>
<polyline fill="none" stroke="black" points="2169.39,-3117.82 2332.39,-3117.82 "/>
<text text-anchor="start" x="2177.39" y="-3102.62" font-family="Times New Roman,serif" font-size="14.00">&#45;classRegExp(className)</text>
<text text-anchor="start" x="2177.39" y="-3087.62" font-family="Times New Roman,serif" font-size="14.00">&#45;createQuerier(method)</text>
<text text-anchor="start" x="2177.39" y="-3072.62" font-family="Times New Roman,serif" font-size="14.00">&#45;isNonBlankString(str)</text>
<text text-anchor="start" x="2177.39" y="-3057.62" font-family="Times New Roman,serif" font-size="14.00">&#45;throwIfWhitespace(str)</text>
</g>
<!-- n19&#45;&gt;n92 -->
<g id="edge45" class="edge"><title>n19&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2610.21,-2604.12C2610.21,-2685.48 2610.21,-2869 2610.21,-2869 2610.21,-2869 2692.46,-2869 2692.46,-2869 2692.46,-2869 2692.46,-2995 2692.46,-2995 2692.46,-2995 2592.91,-2995 2592.91,-2995 2592.91,-2995 2592.91,-3090 2592.91,-3090 2592.91,-3090 2342.81,-3090 2342.81,-3090"/>
<polygon fill="red" stroke="red" points="2342.81,-3086.5 2332.81,-3090 2342.81,-3093.5 2342.81,-3086.5"/>
<text text-anchor="middle" x="2660.46" y="-2984.56" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n19&#45;&gt;n554 -->
<g id="edge48" class="edge"><title>n19&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2585.4,-2604.09C2585.4,-2631.25 2585.4,-2663 2585.4,-2663 2585.4,-2663 2904.57,-2663 2904.57,-2663 2904.57,-2663 2904.57,-2579 2904.57,-2579 2904.57,-2579 4134.9,-2579 4134.9,-2579 4134.9,-2579 4134.9,-3224 4134.9,-3224 4134.9,-3224 648.36,-3224 648.36,-3224 648.36,-3224 648.36,-2770 648.36,-2770 648.36,-2770 1383.78,-2770 1383.78,-2770 1383.78,-2770 1383.78,-2726 1383.78,-2726 1383.78,-2726 1463.7,-2726 1463.7,-2726"/>
<polygon fill="red" stroke="red" points="1463.7,-2729.5 1473.7,-2726 1463.7,-2722.5 1463.7,-2729.5"/>
<text text-anchor="middle" x="2871.66" y="-3212.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n1256 -->
<g id="node175" class="node"><title>n1256</title>
<polygon fill="#97ffff" stroke="black" points="2808.96,-1890.75 2808.96,-1928.75 2932.96,-1928.75 2932.96,-1890.75 2808.96,-1890.75"/>
<text text-anchor="middle" x="2870.96" y="-1913.55" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2870.96" y="-1898.55" font-family="Times New Roman,serif" font-size="14.00">TestComponent3</text>
</g>
<!-- n19&#45;&gt;n1256 -->
<g id="edge52" class="edge"><title>n19&#45;&gt;n1256</title>
<path fill="none" stroke="black" d="M2586.64,-2516.06C2586.64,-2516.06 2586.64,-2345 2586.64,-2345 2586.64,-2345 2918.86,-2345 2918.86,-2345 2918.86,-2345 2918.86,-2013.25 2918.86,-1929.01"/>
<polygon fill="black" stroke="black" points="2586.64,-2516.06 2590.64,-2522.06 2586.64,-2528.06 2582.64,-2522.06 2586.64,-2516.06"/>
</g>
<!-- n1257 -->
<g id="node176" class="node"><title>n1257</title>
<polygon fill="#97ffff" stroke="black" points="2789.54,-1798.29 2789.54,-1836.29 2913.54,-1836.29 2913.54,-1798.29 2789.54,-1798.29"/>
<text text-anchor="middle" x="2851.54" y="-1821.09" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2851.54" y="-1806.09" font-family="Times New Roman,serif" font-size="14.00">TestComponent4</text>
</g>
<!-- n19&#45;&gt;n1257 -->
<g id="edge53" class="edge"><title>n19&#45;&gt;n1257</title>
<path fill="none" stroke="black" d="M2437.13,-2572C2437.13,-2572 2405.24,-2572 2405.24,-2572 2405.24,-2572 2405.24,-1817 2405.24,-1817 2405.24,-1817 2666.86,-1817 2789.49,-1817"/>
<polygon fill="black" stroke="black" points="2437.13,-2572 2443.13,-2568 2449.13,-2572 2443.13,-2576 2437.13,-2572"/>
</g>
<!-- n1254 -->
<g id="node177" class="node"><title>n1254</title>
<polygon fill="#97ffff" stroke="black" points="2791.84,-1955.46 2791.84,-1993.46 2915.84,-1993.46 2915.84,-1955.46 2791.84,-1955.46"/>
<text text-anchor="middle" x="2853.84" y="-1978.26" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2853.84" y="-1963.26" font-family="Times New Roman,serif" font-size="14.00">TestComponent1</text>
</g>
<!-- n19&#45;&gt;n1254 -->
<g id="edge50" class="edge"><title>n19&#45;&gt;n1254</title>
<path fill="none" stroke="black" d="M2603.7,-2515.8C2603.7,-2515.8 2603.7,-2443 2603.7,-2443 2603.7,-2443 2818.15,-2443 2818.15,-2443 2818.15,-2443 2818.15,-2081.87 2818.15,-1993.7"/>
<polygon fill="black" stroke="black" points="2603.7,-2515.8 2607.7,-2521.8 2603.7,-2527.8 2599.7,-2521.8 2603.7,-2515.8"/>
</g>
<!-- n1255 -->
<g id="node194" class="node"><title>n1255</title>
<polygon fill="#97ffff" stroke="black" points="2982.43,-1964.77 2982.43,-2002.77 3106.43,-2002.77 3106.43,-1964.77 2982.43,-1964.77"/>
<text text-anchor="middle" x="3044.43" y="-1987.57" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3044.43" y="-1972.57" font-family="Times New Roman,serif" font-size="14.00">TestComponent2</text>
</g>
<!-- n19&#45;&gt;n1255 -->
<g id="edge51" class="edge"><title>n19&#45;&gt;n1255</title>
<path fill="none" stroke="black" d="M2578.11,-2515.87C2578.11,-2515.87 2578.11,-2330 2578.11,-2330 2578.11,-2330 2878.27,-2330 2878.27,-2330 2878.27,-2330 2878.27,-2000 2878.27,-2000 2878.27,-2000 2934.94,-2000 2982.08,-2000"/>
<polygon fill="black" stroke="black" points="2578.11,-2515.87 2582.11,-2521.87 2578.11,-2527.87 2574.11,-2521.87 2578.11,-2515.87"/>
</g>
<!-- n20 -->
<g id="node15" class="node"><title>n20</title>
<polygon fill="aliceblue" stroke="black" points="244.239,-2603.88 244.239,-2641.88 381.239,-2641.88 381.239,-2603.88 244.239,-2603.88"/>
<text text-anchor="middle" x="312.739" y="-2626.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="312.739" y="-2611.68" font-family="Times New Roman,serif" font-size="14.00">test/unit/extend.test.js</text>
</g>
<!-- n65 -->
<g id="node60" class="node"><title>n65</title>
<polygon fill="aliceblue" stroke="black" points="879.746,-2624.81 879.746,-2700.81 1076.75,-2700.81 1076.75,-2624.81 879.746,-2624.81"/>
<text text-anchor="middle" x="978.246" y="-2685.61" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="978.246" y="-2670.61" font-family="Times New Roman,serif" font-size="14.00">src/js/extend.js</text>
<polyline fill="none" stroke="black" points="879.746,-2662.81 1076.75,-2662.81 "/>
<text text-anchor="start" x="887.746" y="-2647.61" font-family="Times New Roman,serif" font-size="14.00">&#45;_inherits(subClass, superClass)</text>
<text text-anchor="start" x="887.746" y="-2632.61" font-family="Times New Roman,serif" font-size="14.00">&#45;extendFn(superClass)</text>
</g>
<!-- n20&#45;&gt;n65 -->
<g id="edge54" class="edge"><title>n20&#45;&gt;n65</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M381.453,-2636C381.453,-2636 869.588,-2636 869.588,-2636"/>
<polygon fill="red" stroke="red" points="869.588,-2639.5 879.588,-2636 869.588,-2632.5 869.588,-2639.5"/>
<text text-anchor="middle" x="593.52" y="-2624.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n14 -->
<g id="node16" class="node"><title>n14</title>
<polygon fill="aliceblue" stroke="black" points="1857.47,-2776.22 1857.47,-2814.22 1993.47,-2814.22 1993.47,-2776.22 1857.47,-2776.22"/>
<text text-anchor="middle" x="1925.47" y="-2799.02" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1925.47" y="-2784.02" font-family="Times New Roman,serif" font-size="14.00">test/unit/button.test.js</text>
</g>
<!-- n14&#45;&gt;n26 -->
<g id="edge31" class="edge"><title>n14&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1864.72,-2776.13C1864.72,-2776.13 1864.72,-2771.41 1864.72,-2771.41"/>
<polygon fill="red" stroke="red" points="1868.22,-2771.41 1864.72,-2761.41 1861.22,-2771.41 1868.22,-2771.41"/>
<text text-anchor="middle" x="1896.72" y="-2762.57" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n62 -->
<g id="node57" class="node"><title>n62</title>
<polygon fill="aliceblue" stroke="black" points="2030.17,-3170.57 2030.17,-3208.57 2129.17,-3208.57 2129.17,-3170.57 2030.17,-3170.57"/>
<text text-anchor="middle" x="2079.67" y="-3193.37" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2079.67" y="-3178.37" font-family="Times New Roman,serif" font-size="14.00">src/js/button.js</text>
</g>
<!-- n14&#45;&gt;n62 -->
<g id="edge30" class="edge"><title>n14&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1919.1,-2814.53C1919.1,-2882.13 1919.1,-3104 1919.1,-3104 1919.1,-3104 2035.16,-3104 2035.16,-3104 2035.16,-3104 2035.16,-3160.15 2035.16,-3160.15"/>
<polygon fill="red" stroke="red" points="2031.66,-3160.15 2035.16,-3170.15 2038.66,-3160.15 2031.66,-3160.15"/>
<text text-anchor="middle" x="1887.1" y="-3049.17" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n22 -->
<g id="node17" class="node"><title>n22</title>
<polygon fill="aliceblue" stroke="black" points="1379.83,-3146.4 1379.83,-3207.4 1552.83,-3207.4 1552.83,-3146.4 1379.83,-3146.4"/>
<text text-anchor="middle" x="1466.33" y="-3192.2" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1466.33" y="-3177.2" font-family="Times New Roman,serif" font-size="14.00">test/unit/modal&#45;dialog.test.js</text>
<polyline fill="none" stroke="black" points="1379.83,-3169.4 1552.83,-3169.4 "/>
<text text-anchor="start" x="1387.83" y="-3154.2" font-family="Times New Roman,serif" font-size="14.00">+ESC : number = 27</text>
</g>
<!-- n22&#45;&gt;n26 -->
<g id="edge71" class="edge"><title>n22&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1379.75,-3150C1245.7,-3150 1003.18,-3150 1003.18,-3150 1003.18,-3150 1003.18,-2772 1003.18,-2772 1003.18,-2772 1411.52,-2772 1411.52,-2772 1411.52,-2772 1411.52,-2735 1411.52,-2735 1411.52,-2735 1721.72,-2735 1721.72,-2735"/>
<polygon fill="red" stroke="red" points="1721.72,-2738.5 1731.72,-2735 1721.72,-2731.5 1721.72,-2738.5"/>
<text text-anchor="middle" x="971.662" y="-2760.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n22&#45;&gt;n63 -->
<g id="edge67" class="edge"><title>n22&#45;&gt;n63</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1553.1,-3201C1558.56,-3201 1561.92,-3201 1561.92,-3201 1561.92,-3201 1561.92,-3420 1561.92,-3420 1561.92,-3420 1590.9,-3420 1590.9,-3420"/>
<polygon fill="red" stroke="red" points="1590.9,-3423.5 1600.9,-3420 1590.9,-3416.5 1590.9,-3423.5"/>
<text text-anchor="middle" x="1577.92" y="-3309.38" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n71 -->
<g id="node66" class="node"><title>n71</title>
<polygon fill="aliceblue" stroke="black" points="1284.85,-3443.85 1284.85,-3542.85 1592.85,-3542.85 1592.85,-3443.85 1284.85,-3443.85"/>
<text text-anchor="middle" x="1438.85" y="-3527.65" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1438.85" y="-3512.65" font-family="Times New Roman,serif" font-size="14.00">src/js/modal&#45;dialog.js</text>
<polyline fill="none" stroke="black" points="1284.85,-3504.85 1592.85,-3504.85 "/>
<text text-anchor="start" x="1292.85" y="-3489.65" font-family="Times New Roman,serif" font-size="14.00">+ESC : number = 27</text>
<text text-anchor="start" x="1292.85" y="-3474.65" font-family="Times New Roman,serif" font-size="14.00">+MODAL_CLASS_NAME : string = vjsmodaldialo</text>
<polyline fill="none" stroke="black" points="1284.85,-3466.85 1592.85,-3466.85 "/>
<text text-anchor="start" x="1292.85" y="-3451.65" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n22&#45;&gt;n71 -->
<g id="edge68" class="edge"><title>n22&#45;&gt;n71</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1553.05,-3188C1557.46,-3188 1560.1,-3188 1560.1,-3188 1560.1,-3188 1560.1,-3433.61 1560.1,-3433.61"/>
<polygon fill="red" stroke="red" points="1556.6,-3433.61 1560.1,-3443.61 1563.6,-3433.61 1556.6,-3433.61"/>
<text text-anchor="middle" x="1560.1" y="-3296.08" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n101 -->
<g id="node96" class="node"><title>n101</title>
<polygon fill="aliceblue" stroke="black" points="2037.66,-3110.05 2037.66,-3148.05 2138.66,-3148.05 2138.66,-3110.05 2037.66,-3110.05"/>
<text text-anchor="middle" x="2088.16" y="-3132.85" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2088.16" y="-3117.85" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/fn.js</text>
</g>
<!-- n22&#45;&gt;n101 -->
<g id="edge70" class="edge"><title>n22&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1552.91,-3148C1646.74,-3148 1783.2,-3148 1783.2,-3148 1783.2,-3148 1783.2,-3126 1783.2,-3126 1783.2,-3126 2027.46,-3126 2027.46,-3126"/>
<polygon fill="red" stroke="red" points="2027.46,-3129.5 2037.46,-3126 2027.46,-3122.5 2027.46,-3129.5"/>
<text text-anchor="middle" x="1815.2" y="-3118.82" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n22&#45;&gt;n92 -->
<g id="edge69" class="edge"><title>n22&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1545.7,-3146.38C1545.7,-3121.68 1545.7,-3091 1545.7,-3091 1545.7,-3091 2159.3,-3091 2159.3,-3091"/>
<polygon fill="red" stroke="red" points="2159.3,-3094.5 2169.3,-3091 2159.3,-3087.5 2159.3,-3094.5"/>
<text text-anchor="middle" x="1792.81" y="-3079.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n23 -->
<g id="node18" class="node"><title>n23</title>
<polygon fill="aliceblue" stroke="black" points="1964.01,-3041.15 1964.01,-3079.15 2094.01,-3079.15 2094.01,-3041.15 1964.01,-3041.15"/>
<text text-anchor="middle" x="2029.01" y="-3063.95" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2029.01" y="-3048.95" font-family="Times New Roman,serif" font-size="14.00">test/unit/menu.test.js</text>
</g>
<!-- n23&#45;&gt;n26 -->
<g id="edge73" class="edge"><title>n23&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1969.9,-3040.94C1969.9,-3003.4 1969.9,-2924 1969.9,-2924 1969.9,-2924 1623.71,-2924 1623.71,-2924 1623.71,-2924 1623.71,-2727 1623.71,-2727 1623.71,-2727 1721.77,-2727 1721.77,-2727"/>
<polygon fill="red" stroke="red" points="1721.77,-2730.5 1731.77,-2727 1721.77,-2723.5 1721.77,-2730.5"/>
<text text-anchor="middle" x="1675.73" y="-2927.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n83 -->
<g id="node78" class="node"><title>n83</title>
<polygon fill="aliceblue" stroke="black" points="2118.38,-3234.06 2118.38,-3272.06 2285.38,-3272.06 2285.38,-3234.06 2118.38,-3234.06"/>
<text text-anchor="middle" x="2201.88" y="-3256.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2201.88" y="-3241.86" font-family="Times New Roman,serif" font-size="14.00">src/js/menu/menu&#45;button.js</text>
</g>
<!-- n23&#45;&gt;n83 -->
<g id="edge72" class="edge"><title>n23&#45;&gt;n83</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2094.06,-3069C2123.83,-3069 2152.59,-3069 2152.59,-3069 2152.59,-3069 2152.59,-3224.06 2152.59,-3224.06"/>
<polygon fill="red" stroke="red" points="2149.09,-3224.06 2152.59,-3234.06 2156.09,-3224.06 2149.09,-3224.06"/>
<text text-anchor="middle" x="2136.59" y="-3106.06" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n23&#45;&gt;n91 -->
<g id="edge74" class="edge"><title>n23&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1963.66,-3051C1929.36,-3051 1894.37,-3051 1894.37,-3051 1894.37,-3051 1894.37,-2909.66 1894.37,-2909.66"/>
<polygon fill="red" stroke="red" points="1897.87,-2909.66 1894.37,-2899.66 1890.87,-2909.66 1897.87,-2909.66"/>
<text text-anchor="middle" x="1926.37" y="-3018.77" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n24 -->
<g id="node19" class="node"><title>n24</title>
<polygon fill="aliceblue" stroke="black" points="1237.53,-2878.25 1237.53,-2916.25 1377.53,-2916.25 1377.53,-2878.25 1237.53,-2878.25"/>
<text text-anchor="middle" x="1307.53" y="-2901.05" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1307.53" y="-2886.05" font-family="Times New Roman,serif" font-size="14.00">test/unit/plugins.test.js</text>
</g>
<!-- n24&#45;&gt;n26 -->
<g id="edge77" class="edge"><title>n24&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1350.3,-2878.13C1350.3,-2851.11 1350.3,-2805 1350.3,-2805 1350.3,-2805 1807.27,-2805 1807.27,-2805 1807.27,-2805 1807.27,-2771.19 1807.27,-2771.19"/>
<polygon fill="red" stroke="red" points="1810.77,-2771.19 1807.27,-2761.19 1803.77,-2771.19 1810.77,-2771.19"/>
<text text-anchor="middle" x="1527.12" y="-2808.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72 -->
<g id="node67" class="node"><title>n72</title>
<polygon fill="aliceblue" stroke="black" points="1715.5,-2946.9 1715.5,-3060.9 1853.5,-3060.9 1853.5,-2946.9 1715.5,-2946.9"/>
<text text-anchor="middle" x="1784.5" y="-3045.7" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1784.5" y="-3030.7" font-family="Times New Roman,serif" font-size="14.00">src/js/player.js</text>
<polyline fill="none" stroke="black" points="1715.5,-3022.9 1853.5,-3022.9 "/>
<text text-anchor="start" x="1723.5" y="-3007.7" font-family="Times New Roman,serif" font-size="14.00">+navigator : object</text>
<polyline fill="none" stroke="black" points="1715.5,-2999.9 1853.5,-2999.9 "/>
<text text-anchor="start" x="1723.5" y="-2984.7" font-family="Times New Roman,serif" font-size="14.00">&#45;Player.players()</text>
<text text-anchor="start" x="1723.5" y="-2969.7" font-family="Times New Roman,serif" font-size="14.00">&#45;flexNotSupported_()</text>
<text text-anchor="start" x="1723.5" y="-2954.7" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n24&#45;&gt;n72 -->
<g id="edge76" class="edge"><title>n24&#45;&gt;n72</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1345.54,-2916.55C1345.54,-2922.73 1345.54,-2928 1345.54,-2928 1345.54,-2928 1761.5,-2928 1761.5,-2928 1761.5,-2928 1761.5,-2936.76 1761.5,-2936.76"/>
<polygon fill="red" stroke="red" points="1758,-2936.76 1761.5,-2946.76 1765,-2936.76 1758,-2936.76"/>
<text text-anchor="middle" x="1520.17" y="-2931.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n73 -->
<g id="node68" class="node"><title>n73</title>
<polygon fill="aliceblue" stroke="black" points="1262.51,-2690.45 1262.51,-2751.45 1379.51,-2751.45 1379.51,-2690.45 1262.51,-2690.45"/>
<text text-anchor="middle" x="1321.01" y="-2736.25" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1321.01" y="-2721.25" font-family="Times New Roman,serif" font-size="14.00">src/js/plugins.js</text>
<polyline fill="none" stroke="black" points="1262.51,-2713.45 1379.51,-2713.45 "/>
<text text-anchor="start" x="1270.51" y="-2698.25" font-family="Times New Roman,serif" font-size="14.00">&#45;plugin(name, init)</text>
</g>
<!-- n24&#45;&gt;n73 -->
<g id="edge75" class="edge"><title>n24&#45;&gt;n73</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1338.95,-2878.05C1338.95,-2878.05 1338.95,-2761.63 1338.95,-2761.63"/>
<polygon fill="red" stroke="red" points="1342.45,-2761.63 1338.95,-2751.63 1335.45,-2761.63 1342.45,-2761.63"/>
<text text-anchor="middle" x="1370.95" y="-2808.64" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n24&#45;&gt;n555 -->
<g id="edge78" class="edge"><title>n24&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1377.71,-2890C1377.71,-2890 1471.4,-2890 1471.4,-2890"/>
<polygon fill="red" stroke="red" points="1471.4,-2893.5 1481.4,-2890 1471.4,-2886.5 1471.4,-2893.5"/>
<text text-anchor="middle" x="1408.56" y="-2878.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n25 -->
<g id="node20" class="node"><title>n25</title>
<polygon fill="aliceblue" stroke="black" points="1646.23,-1932.79 1646.23,-1970.79 1776.23,-1970.79 1776.23,-1932.79 1646.23,-1932.79"/>
<text text-anchor="middle" x="1711.23" y="-1955.59" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1711.23" y="-1940.59" font-family="Times New Roman,serif" font-size="14.00">test/unit/setup.test.js</text>
</g>
<!-- n25&#45;&gt;n26 -->
<g id="edge79" class="edge"><title>n25&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1692.93,-1970.9C1692.93,-1977.84 1692.93,-1984 1692.93,-1984 1692.93,-1984 684.502,-1984 684.502,-1984 684.502,-1984 684.502,-2499 684.502,-2499 684.502,-2499 1244.53,-2499 1244.53,-2499 1244.53,-2499 1244.53,-2644 1244.53,-2644 1244.53,-2644 1679.41,-2644 1679.41,-2644 1679.41,-2644 1679.41,-2718 1679.41,-2718 1679.41,-2718 1721.74,-2718 1721.74,-2718"/>
<polygon fill="red" stroke="red" points="1721.74,-2721.5 1731.74,-2718 1721.74,-2714.5 1721.74,-2721.5"/>
<text text-anchor="middle" x="652.502" y="-2347.66" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11 -->
<g id="node21" class="node"><title>n11</title>
<polygon fill="lavenderblush" stroke="black" points="3821.66,-1153.98 3821.66,-1191.98 3919.66,-1191.98 3919.66,-1153.98 3821.66,-1153.98"/>
<text text-anchor="middle" x="3870.66" y="-1176.78" font-family="Times New Roman,serif" font-size="14.00">«HTML»</text>
<text text-anchor="middle" x="3870.66" y="-1161.78" font-family="Times New Roman,serif" font-size="14.00">test/index.html</text>
</g>
<!-- n165 -->
<g id="node151" class="node"><title>n165</title>
<polygon fill="palegreen" stroke="black" points="3792.01,-1205 3792.01,-1243 3962.01,-1243 3962.01,-1205 3792.01,-1205"/>
<text text-anchor="middle" x="3877.01" y="-1227.8" font-family="Times New Roman,serif" font-size="14.00">«CSS»</text>
<text text-anchor="middle" x="3877.01" y="-1212.8" font-family="Times New Roman,serif" font-size="14.00">build/temp/video&#45;js.min.css</text>
</g>
<!-- n11&#45;&gt;n165 -->
<g id="edge5" class="edge"><title>n11&#45;&gt;n165</title>
<path fill="none" stroke="black" d="M3870.66,-1203.44C3870.66,-1203.44 3870.66,-1204.68 3870.66,-1204.68"/>
<polygon fill="black" stroke="black" points="3870.66,-1204.27 3866.66,-1198.27 3870.66,-1192.27 3874.66,-1198.27 3870.66,-1204.27"/>
</g>
<!-- n161 -->
<g id="node158" class="node"><title>n161</title>
<polygon fill="palegreen" stroke="black" points="3849.24,-1106.29 3849.24,-1144.29 4074.24,-1144.29 4074.24,-1106.29 3849.24,-1106.29"/>
<text text-anchor="middle" x="3961.74" y="-1129.09" font-family="Times New Roman,serif" font-size="14.00">«CSS»</text>
<text text-anchor="middle" x="3961.74" y="-1114.09" font-family="Times New Roman,serif" font-size="14.00">node_modules/qunitjs/qunit/qunit.css</text>
</g>
<!-- n11&#45;&gt;n161 -->
<g id="edge4" class="edge"><title>n11&#45;&gt;n161</title>
<path fill="none" stroke="black" d="M3884.45,-1145.36C3884.45,-1145.36 3884.45,-1144.42 3884.45,-1144.42"/>
<polygon fill="black" stroke="black" points="3884.45,-1141.86 3888.45,-1147.86 3884.45,-1153.86 3880.45,-1147.86 3884.45,-1141.86"/>
</g>
<!-- n27 -->
<g id="node22" class="node"><title>n27</title>
<polygon fill="aliceblue" stroke="black" points="1355.98,-2822.39 1355.98,-2860.39 1486.98,-2860.39 1486.98,-2822.39 1355.98,-2822.39"/>
<text text-anchor="middle" x="1421.48" y="-2845.19" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1421.48" y="-2830.19" font-family="Times New Roman,serif" font-size="14.00">test/unit/video.test.js</text>
</g>
<!-- n27&#45;&gt;n26 -->
<g id="edge86" class="edge"><title>n27&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1422.19,-2822.19C1422.19,-2791.3 1422.19,-2734 1422.19,-2734 1422.19,-2734 1721.87,-2734 1721.87,-2734"/>
<polygon fill="red" stroke="red" points="1721.87,-2737.5 1731.87,-2734 1721.87,-2730.5 1721.87,-2737.5"/>
<text text-anchor="middle" x="1495.93" y="-2737.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n27&#45;&gt;n72 -->
<g id="edge87" class="edge"><title>n27&#45;&gt;n72</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1478.55,-2860.78C1478.55,-2885.48 1478.55,-2925 1478.55,-2925 1478.55,-2925 1776.83,-2925 1776.83,-2925 1776.83,-2925 1776.83,-2936.56 1776.83,-2936.56"/>
<polygon fill="red" stroke="red" points="1773.33,-2936.56 1776.83,-2946.56 1780.33,-2936.56 1773.33,-2936.56"/>
<text text-anchor="middle" x="1569.36" y="-2928.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76 -->
<g id="node71" class="node"><title>n76</title>
<polygon fill="aliceblue" stroke="black" points="1955.6,-1347.57 1955.6,-2076.57 2255.6,-2076.57 2255.6,-1347.57 1955.6,-1347.57"/>
<text text-anchor="middle" x="2105.6" y="-2061.37" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2105.6" y="-2046.37" font-family="Times New Roman,serif" font-size="14.00">src/js/video.js</text>
<polyline fill="none" stroke="black" points="1955.6,-2038.57 2255.6,-2038.57 "/>
<text text-anchor="start" x="1963.6" y="-2023.37" font-family="Times New Roman,serif" font-size="14.00">+module. : identifier = videojs</text>
<text text-anchor="start" x="1963.6" y="-2008.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.AudioTrack : identifier = AudioTrack</text>
<text text-anchor="start" x="1963.6" y="-1993.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.EventTarget : identifier = EventTarget</text>
<text text-anchor="start" x="1963.6" y="-1978.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.TOUCH_ENABLED : object</text>
<text text-anchor="start" x="1963.6" y="-1963.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.TextTrack : identifier = TextTrack</text>
<text text-anchor="start" x="1963.6" y="-1948.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.VERSION : string = VERSION</text>
<text text-anchor="start" x="1963.6" y="-1933.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.VideoTrack : identifier = VideoTrack</text>
<text text-anchor="start" x="1963.6" y="-1918.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.addClass : object</text>
<text text-anchor="start" x="1963.6" y="-1903.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.appendContent : object</text>
<text text-anchor="start" x="1963.6" y="-1888.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.bind : object</text>
<text text-anchor="start" x="1963.6" y="-1873.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.browser : identifier = browser</text>
<text text-anchor="start" x="1963.6" y="-1858.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.createEl : object</text>
<text text-anchor="start" x="1963.6" y="-1843.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.emptyEl : object</text>
<text text-anchor="start" x="1963.6" y="-1828.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.extend : identifier = extendFn</text>
<text text-anchor="start" x="1963.6" y="-1813.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.formatTime : identifier = formatTime</text>
<text text-anchor="start" x="1963.6" y="-1798.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.getAttributes : object</text>
<text text-anchor="start" x="1963.6" y="-1783.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.getComponent : object</text>
<text text-anchor="start" x="1963.6" y="-1768.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.getTech : object</text>
<text text-anchor="start" x="1963.6" y="-1753.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.hasClass : object</text>
<text text-anchor="start" x="1963.6" y="-1738.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.insertContent : object</text>
<text text-anchor="start" x="1963.6" y="-1723.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.isCrossOrigin : object</text>
<text text-anchor="start" x="1963.6" y="-1708.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.isEl : object</text>
<text text-anchor="start" x="1963.6" y="-1693.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.isTextNode : object</text>
<text text-anchor="start" x="1963.6" y="-1678.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.log : identifier = log</text>
<text text-anchor="start" x="1963.6" y="-1663.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.mergeOptions : identifier = mergeOptions</text>
<text text-anchor="start" x="1963.6" y="-1648.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.off : object</text>
<text text-anchor="start" x="1963.6" y="-1633.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.on : object</text>
<text text-anchor="start" x="1963.6" y="-1618.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.one : object</text>
<text text-anchor="start" x="1963.6" y="-1603.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.options : object</text>
<text text-anchor="start" x="1963.6" y="-1588.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.parseUrl : object</text>
<text text-anchor="start" x="1963.6" y="-1573.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.players : object</text>
<text text-anchor="start" x="1963.6" y="-1558.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.plugin : identifier = plugin</text>
<text text-anchor="start" x="1963.6" y="-1543.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.registerTech : object</text>
<text text-anchor="start" x="1963.6" y="-1528.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.removeClass : object</text>
<text text-anchor="start" x="1963.6" y="-1513.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.setAttributes : object</text>
<text text-anchor="start" x="1963.6" y="-1498.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.toggleClass : object</text>
<text text-anchor="start" x="1963.6" y="-1483.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.trigger : object</text>
<text text-anchor="start" x="1963.6" y="-1468.37" font-family="Times New Roman,serif" font-size="14.00">+videojs.xhr : identifier = xhr</text>
<polyline fill="none" stroke="black" points="1955.6,-1460.57 2255.6,-1460.57 "/>
<text text-anchor="start" x="1963.6" y="-1445.37" font-family="Times New Roman,serif" font-size="14.00">&#45;head(head)</text>
<text text-anchor="start" x="1963.6" y="-1430.37" font-family="Times New Roman,serif" font-size="14.00">&#45;style(.vjs&#45;styles&#45;defaults)</text>
<text text-anchor="start" x="1963.6" y="-1415.37" font-family="Times New Roman,serif" font-size="14.00">&#45;videojs(id, options, ready)</text>
<text text-anchor="start" x="1963.6" y="-1400.37" font-family="Times New Roman,serif" font-size="14.00">&#45;videojs.addLanguage(code, data)</text>
<text text-anchor="start" x="1963.6" y="-1385.37" font-family="Times New Roman,serif" font-size="14.00">&#45;videojs.createTimeRange()</text>
<text text-anchor="start" x="1963.6" y="-1370.37" font-family="Times New Roman,serif" font-size="14.00">&#45;videojs.getPlayers()</text>
<text text-anchor="start" x="1963.6" y="-1355.37" font-family="Times New Roman,serif" font-size="14.00">&#45;videojs.registerComponent(name, comp)</text>
</g>
<!-- n27&#45;&gt;n76 -->
<g id="edge85" class="edge"><title>n27&#45;&gt;n76</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1355.82,-2857C1128.77,-2857 390.686,-2857 390.686,-2857 390.686,-2857 390.686,-2000 390.686,-2000 390.686,-2000 1945.29,-2000 1945.29,-2000"/>
<polygon fill="red" stroke="red" points="1945.29,-2003.5 1955.29,-2000 1945.29,-1996.5 1945.29,-2003.5"/>
<text text-anchor="middle" x="358.686" y="-2137.56" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n95 -->
<g id="node90" class="node"><title>n95</title>
<polygon fill="aliceblue" stroke="black" points="1495.78,-2949.56 1495.78,-3070.56 1634.78,-3070.56 1634.78,-2949.56 1495.78,-2949.56"/>
<text text-anchor="middle" x="1565.28" y="-3055.36" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1565.28" y="-3040.36" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/log.js</text>
<polyline fill="none" stroke="black" points="1495.78,-3032.56 1634.78,-3032.56 "/>
<text text-anchor="start" x="1503.78" y="-3017.36" font-family="Times New Roman,serif" font-size="14.00">&#45;_logType(type, args)</text>
<text text-anchor="start" x="1503.78" y="-3002.36" font-family="Times New Roman,serif" font-size="14.00">&#45;log()</text>
<text text-anchor="start" x="1503.78" y="-2987.36" font-family="Times New Roman,serif" font-size="14.00">&#45;log.error()</text>
<text text-anchor="start" x="1503.78" y="-2972.36" font-family="Times New Roman,serif" font-size="14.00">&#45;log.history()</text>
<text text-anchor="start" x="1503.78" y="-2957.36" font-family="Times New Roman,serif" font-size="14.00">&#45;log.warn()</text>
</g>
<!-- n27&#45;&gt;n95 -->
<g id="edge89" class="edge"><title>n27&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1475.44,-2860.41C1475.44,-2892.75 1475.44,-2955 1475.44,-2955 1475.44,-2955 1485.38,-2955 1485.38,-2955"/>
<polygon fill="red" stroke="red" points="1485.38,-2958.5 1495.38,-2955 1485.38,-2951.5 1485.38,-2958.5"/>
<text text-anchor="middle" x="1443.44" y="-2901.47" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n27&#45;&gt;n92 -->
<g id="edge88" class="edge"><title>n27&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1472.33,-2860.41C1472.33,-2918.39 1472.33,-3089 1472.33,-3089 1472.33,-3089 2159.04,-3089 2159.04,-3089"/>
<polygon fill="red" stroke="red" points="2159.04,-3092.5 2169.04,-3089 2159.04,-3085.5 2159.04,-3092.5"/>
<text text-anchor="middle" x="1669.39" y="-3077.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n27&#45;&gt;n554 -->
<g id="edge90" class="edge"><title>n27&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1420.05,-2822.13C1420.05,-2784.97 1420.05,-2707 1420.05,-2707 1420.05,-2707 1463.68,-2707 1463.68,-2707"/>
<polygon fill="red" stroke="red" points="1463.68,-2710.5 1473.68,-2707 1463.68,-2703.5 1463.68,-2710.5"/>
<text text-anchor="middle" x="1420.05" y="-2731.56" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n28 -->
<g id="node23" class="node"><title>n28</title>
<polygon fill="aliceblue" stroke="black" points="2015.29,-2640.31 2015.29,-2678.31 2150.29,-2678.31 2150.29,-2640.31 2015.29,-2640.31"/>
<text text-anchor="middle" x="2082.79" y="-2663.11" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2082.79" y="-2648.11" font-family="Times New Roman,serif" font-size="14.00">test/unit/poster.test.js</text>
</g>
<!-- n28&#45;&gt;n26 -->
<g id="edge93" class="edge"><title>n28&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2103.42,-2678.52C2103.42,-2690.64 2103.42,-2704 2103.42,-2704 2103.42,-2704 1882.27,-2704 1882.27,-2704"/>
<polygon fill="red" stroke="red" points="1882.27,-2700.5 1872.27,-2704 1882.27,-2707.5 1882.27,-2700.5"/>
<text text-anchor="middle" x="1973.58" y="-2692.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n74 -->
<g id="node69" class="node"><title>n74</title>
<polygon fill="aliceblue" stroke="black" points="2388.56,-2852.52 2388.56,-2890.52 2523.56,-2890.52 2523.56,-2852.52 2388.56,-2852.52"/>
<text text-anchor="middle" x="2456.06" y="-2875.32" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2456.06" y="-2860.32" font-family="Times New Roman,serif" font-size="14.00">src/js/poster&#45;image.js</text>
</g>
<!-- n28&#45;&gt;n74 -->
<g id="edge91" class="edge"><title>n28&#45;&gt;n74</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2150.49,-2659C2208.79,-2659 2283.6,-2659 2283.6,-2659 2283.6,-2659 2283.6,-2628 2283.6,-2628 2283.6,-2628 2606.16,-2628 2606.16,-2628 2606.16,-2628 2606.16,-2860 2606.16,-2860 2606.16,-2860 2533.65,-2860 2533.65,-2860"/>
<polygon fill="red" stroke="red" points="2533.65,-2856.5 2523.65,-2860 2533.65,-2863.5 2533.65,-2856.5"/>
<text text-anchor="middle" x="2483.09" y="-2616.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n28&#45;&gt;n89 -->
<g id="edge92" class="edge"><title>n28&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2074.04,-2678.66C2074.04,-2688.33 2074.04,-2698 2074.04,-2698 2074.04,-2698 1994.86,-2698 1994.86,-2698 1994.86,-2698 1994.86,-2770 1994.86,-2770 1994.86,-2770 1695.55,-2770 1695.55,-2770 1695.55,-2770 1695.55,-2526.42 1695.55,-2526.42"/>
<polygon fill="red" stroke="red" points="1699.05,-2526.42 1695.55,-2516.42 1692.05,-2526.42 1699.05,-2526.42"/>
<text text-anchor="middle" x="1776.68" y="-2773.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n28&#45;&gt;n554 -->
<g id="edge94" class="edge"><title>n28&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2044.66,-2678.41C2044.66,-2686.9 2044.66,-2695 2044.66,-2695 2044.66,-2695 1620.84,-2695 1620.84,-2695"/>
<polygon fill="red" stroke="red" points="1620.84,-2691.5 1610.84,-2695 1620.84,-2698.5 1620.84,-2691.5"/>
<text text-anchor="middle" x="1873.05" y="-2683.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n29 -->
<g id="node24" class="node"><title>n29</title>
<polygon fill="aliceblue" stroke="black" points="2408.05,-2440.79 2408.05,-2478.79 2561.05,-2478.79 2561.05,-2440.79 2408.05,-2440.79"/>
<text text-anchor="middle" x="2484.55" y="-2463.59" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2484.55" y="-2448.59" font-family="Times New Roman,serif" font-size="14.00">test/unit/tech/flash.test.js</text>
</g>
<!-- n84 -->
<g id="node88" class="node"><title>n84</title>
<polygon fill="aliceblue" stroke="black" points="2406.63,-1851.66 2406.63,-2220.66 2783.63,-2220.66 2783.63,-1851.66 2406.63,-1851.66"/>
<text text-anchor="middle" x="2595.13" y="-2205.46" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2595.13" y="-2190.46" font-family="Times New Roman,serif" font-size="14.00">src/js/tech/flash.js</text>
<polyline fill="none" stroke="black" points="2406.63,-2182.66 2783.63,-2182.66 "/>
<text text-anchor="start" x="2414.63" y="-2167.46" font-family="Times New Roman,serif" font-size="14.00">+_api : object</text>
<text text-anchor="start" x="2414.63" y="-2152.46" font-family="Times New Roman,serif" font-size="14.00">+i : number = 0</text>
<text text-anchor="start" x="2414.63" y="-2137.46" font-family="Times New Roman,serif" font-size="14.00">+navigator : object</text>
<polyline fill="none" stroke="black" points="2406.63,-2129.66 2783.63,-2129.66 "/>
<text text-anchor="start" x="2414.63" y="-2114.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.checkReady(tech)</text>
<text text-anchor="start" x="2414.63" y="-2099.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.embed(swf, flashVars, params, attributes)</text>
<text text-anchor="start" x="2414.63" y="-2084.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.formats()</text>
<text text-anchor="start" x="2414.63" y="-2069.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.getEmbedCode(swf, flashVars, params, attributes)</text>
<text text-anchor="start" x="2414.63" y="-2054.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.isSupported()</text>
<text text-anchor="start" x="2414.63" y="-2039.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.nativeSourceHandler()</text>
<text text-anchor="start" x="2414.63" y="-2024.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.nativeSourceHandler.canHandleSource(source, options)</text>
<text text-anchor="start" x="2414.63" y="-2009.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.nativeSourceHandler.canPlayType(type)</text>
<text text-anchor="start" x="2414.63" y="-1994.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.nativeSourceHandler.dispose()</text>
<text text-anchor="start" x="2414.63" y="-1979.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.nativeSourceHandler.handleSource(source, tech, options)</text>
<text text-anchor="start" x="2414.63" y="-1964.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.onError(swfID, err)</text>
<text text-anchor="start" x="2414.63" y="-1949.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.onEvent(swfID, eventName)</text>
<text text-anchor="start" x="2414.63" y="-1934.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.onReady(currSwf)</text>
<text text-anchor="start" x="2414.63" y="-1919.46" font-family="Times New Roman,serif" font-size="14.00">&#45;Flash.version()</text>
<text text-anchor="start" x="2414.63" y="-1904.46" font-family="Times New Roman,serif" font-size="14.00">&#45;_createGetter(attr)</text>
<text text-anchor="start" x="2414.63" y="-1889.46" font-family="Times New Roman,serif" font-size="14.00">&#45;_createSetter(attr)</text>
<text text-anchor="start" x="2414.63" y="-1874.46" font-family="Times New Roman,serif" font-size="14.00">&#45;_readOnly(,)</text>
<text text-anchor="start" x="2414.63" y="-1859.46" font-family="Times New Roman,serif" font-size="14.00">&#45;_readWrite(,)</text>
</g>
<!-- n29&#45;&gt;n84 -->
<g id="edge95" class="edge"><title>n29&#45;&gt;n84</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2484.55,-2440.76C2484.55,-2440.76 2484.55,-2230.93 2484.55,-2230.93"/>
<polygon fill="red" stroke="red" points="2488.05,-2230.93 2484.55,-2220.93 2481.05,-2230.93 2488.05,-2230.93"/>
<text text-anchor="middle" x="2452.55" y="-2339.64" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n98 -->
<g id="node93" class="node"><title>n98</title>
<polygon fill="aliceblue" stroke="black" points="2612.29,-2744.34 2612.29,-2835.34 2917.29,-2835.34 2917.29,-2744.34 2612.29,-2744.34"/>
<text text-anchor="middle" x="2764.79" y="-2820.14" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2764.79" y="-2805.14" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/time&#45;ranges.js</text>
<polyline fill="none" stroke="black" points="2612.29,-2797.34 2917.29,-2797.34 "/>
<text text-anchor="start" x="2620.29" y="-2782.14" font-family="Times New Roman,serif" font-size="14.00">&#45;createTimeRangesObj(ranges)</text>
<text text-anchor="start" x="2620.29" y="-2767.14" font-family="Times New Roman,serif" font-size="14.00">&#45;getRange(fnName, valueIndex, ranges, rangeIndex)</text>
<text text-anchor="start" x="2620.29" y="-2752.14" font-family="Times New Roman,serif" font-size="14.00">&#45;rangeCheck(fnName, index, maxIndex)</text>
</g>
<!-- n29&#45;&gt;n98 -->
<g id="edge96" class="edge"><title>n29&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2561.14,-2465C2604.58,-2465 2650.34,-2465 2650.34,-2465 2650.34,-2465 2650.34,-2734.33 2650.34,-2734.33"/>
<polygon fill="red" stroke="red" points="2646.84,-2734.33 2650.34,-2744.33 2653.84,-2734.33 2646.84,-2734.33"/>
<text text-anchor="middle" x="2609.59" y="-2543.86" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRange]»</text>
</g>
<!-- n29&#45;&gt;n554 -->
<g id="edge97" class="edge"><title>n29&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2561.18,-2445C2740.04,-2445 3169.97,-2445 3169.97,-2445 3169.97,-2445 3169.97,-2958 3169.97,-2958 3169.97,-2958 3786.3,-2958 3786.3,-2958 3786.3,-2958 3786.3,-3223 3786.3,-3223 3786.3,-3223 673.572,-3223 673.572,-3223 673.572,-3223 673.572,-2862 673.572,-2862 673.572,-2862 1600.02,-2862 1600.02,-2862 1600.02,-2862 1600.02,-2740.26 1600.02,-2740.26"/>
<polygon fill="red" stroke="red" points="1603.52,-2740.26 1600.02,-2730.26 1596.52,-2740.26 1603.52,-2740.26"/>
<text text-anchor="middle" x="2494.9" y="-3226.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n3636 -->
<g id="node178" class="node"><title>n3636</title>
<polygon fill="#97ffff" stroke="black" points="2952.13,-2036.26 2952.13,-2097.26 3076.13,-2097.26 3076.13,-2036.26 2952.13,-2036.26"/>
<text text-anchor="middle" x="3014.13" y="-2082.06" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3014.13" y="-2067.06" font-family="Times New Roman,serif" font-size="14.00">MockFlash</text>
<polyline fill="none" stroke="black" points="2952.13,-2059.26 3076.13,-2059.26 "/>
<text text-anchor="start" x="2960.13" y="-2044.06" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
</g>
<!-- n29&#45;&gt;n3636 -->
<g id="edge98" class="edge"><title>n29&#45;&gt;n3636</title>
<path fill="none" stroke="black" d="M2573.32,-2442C2573.32,-2442 2844.45,-2442 2844.45,-2442 2844.45,-2442 2844.45,-2051 2844.45,-2051 2844.45,-2051 2903.48,-2051 2951.91,-2051"/>
<polygon fill="black" stroke="black" points="2573.32,-2442 2567.32,-2446 2561.32,-2442 2567.32,-2438 2573.32,-2442"/>
</g>
<!-- n30 -->
<g id="node25" class="node"><title>n30</title>
<polygon fill="aliceblue" stroke="black" points="2894.9,-1232.29 2894.9,-1293.29 3078.9,-1293.29 3078.9,-1232.29 2894.9,-1232.29"/>
<text text-anchor="middle" x="2986.9" y="-1278.09" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2986.9" y="-1263.09" font-family="Times New Roman,serif" font-size="14.00">test/unit/tech/flash&#45;rtmp.test.js</text>
<polyline fill="none" stroke="black" points="2894.9,-1255.29 3078.9,-1255.29 "/>
<text text-anchor="start" x="2902.9" y="-1240.09" font-family="Times New Roman,serif" font-size="14.00">&#45;streamToPartsAndBack(url)</text>
</g>
<!-- n30&#45;&gt;n84 -->
<g id="edge99" class="edge"><title>n30&#45;&gt;n84</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2923.25,-1293.43C2923.25,-1415.94 2923.25,-1864 2923.25,-1864 2923.25,-1864 2794.1,-1864 2794.1,-1864"/>
<polygon fill="red" stroke="red" points="2794.1,-1860.5 2784.1,-1864 2794.1,-1867.5 2794.1,-1860.5"/>
<text text-anchor="middle" x="2891.25" y="-1647.09" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n31 -->
<g id="node26" class="node"><title>n31</title>
<polygon fill="aliceblue" stroke="black" points="1777.89,-1687.34 1777.89,-1725.34 1936.89,-1725.34 1936.89,-1687.34 1777.89,-1687.34"/>
<text text-anchor="middle" x="1857.39" y="-1710.14" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1857.39" y="-1695.14" font-family="Times New Roman,serif" font-size="14.00">test/unit/tech/tech&#45;faker.js</text>
</g>
<!-- n87 -->
<g id="node82" class="node"><title>n87</title>
<polygon fill="aliceblue" stroke="black" points="1728.02,-2243.43 1728.02,-2537.43 2000.02,-2537.43 2000.02,-2243.43 1728.02,-2243.43"/>
<text text-anchor="middle" x="1864.02" y="-2522.23" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1864.02" y="-2507.23" font-family="Times New Roman,serif" font-size="14.00">src/js/tech/tech.js</text>
<polyline fill="none" stroke="black" points="1728.02,-2499.43 2000.02,-2499.43 "/>
<text text-anchor="start" x="1736.02" y="-2484.23" font-family="Times New Roman,serif" font-size="14.00">+deferrable : array</text>
<text text-anchor="start" x="1736.02" y="-2469.23" font-family="Times New Roman,serif" font-size="14.00">+featuresFullscreenResize : boolean = false</text>
<text text-anchor="start" x="1736.02" y="-2454.23" font-family="Times New Roman,serif" font-size="14.00">+featuresNativeTextTracks : boolean = false</text>
<text text-anchor="start" x="1736.02" y="-2439.23" font-family="Times New Roman,serif" font-size="14.00">+featuresPlaybackRate : boolean = false</text>
<text text-anchor="start" x="1736.02" y="-2424.23" font-family="Times New Roman,serif" font-size="14.00">+featuresProgressEvents : boolean = false</text>
<text text-anchor="start" x="1736.02" y="-2409.23" font-family="Times New Roman,serif" font-size="14.00">+featuresTimeupdateEvents : boolean = false</text>
<text text-anchor="start" x="1736.02" y="-2394.23" font-family="Times New Roman,serif" font-size="14.00">+featuresVolumeControl : boolean = true</text>
<polyline fill="none" stroke="black" points="1728.02,-2386.43 2000.02,-2386.43 "/>
<text text-anchor="start" x="1736.02" y="-2371.23" font-family="Times New Roman,serif" font-size="14.00">&#45;Tech.withSourceHandlers(_Tech)</text>
<text text-anchor="start" x="1736.02" y="-2356.23" font-family="Times New Roman,serif" font-size="14.00">&#45;_Tech.canPlaySource(srcObj, options)</text>
<text text-anchor="start" x="1736.02" y="-2341.23" font-family="Times New Roman,serif" font-size="14.00">&#45;_Tech.canPlayType(type)</text>
<text text-anchor="start" x="1736.02" y="-2326.23" font-family="Times New Roman,serif" font-size="14.00">&#45;_Tech.selectSourceHandler(source, options)</text>
<text text-anchor="start" x="1736.02" y="-2311.23" font-family="Times New Roman,serif" font-size="14.00">&#45;createTrackHelper(self, kind, label, language)</text>
<text text-anchor="start" x="1736.02" y="-2296.23" font-family="Times New Roman,serif" font-size="14.00">&#45;disposeSourceHandler()</text>
<text text-anchor="start" x="1736.02" y="-2281.23" font-family="Times New Roman,serif" font-size="14.00">&#45;firstLoadStartListener_()</text>
<text text-anchor="start" x="1736.02" y="-2266.23" font-family="Times New Roman,serif" font-size="14.00">&#45;setSource(source)</text>
<text text-anchor="start" x="1736.02" y="-2251.23" font-family="Times New Roman,serif" font-size="14.00">&#45;successiveLoadStartListener_()</text>
</g>
<!-- n31&#45;&gt;n87 -->
<g id="edge100" class="edge"><title>n31&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1919.22,-1725.35C1919.22,-1725.35 1919.22,-2233.19 1919.22,-2233.19"/>
<polygon fill="red" stroke="red" points="1915.72,-2233.19 1919.22,-2243.19 1922.72,-2233.19 1915.72,-2233.19"/>
<text text-anchor="middle" x="1887.22" y="-1983.07" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n3691 -->
<g id="node181" class="node"><title>n3691</title>
<polygon fill="#97ffff" stroke="black" points="1668.07,-755.118 1668.07,-1131.12 1884.07,-1131.12 1884.07,-755.118 1668.07,-755.118"/>
<text text-anchor="middle" x="1776.07" y="-1115.92" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1776.07" y="-1100.92" font-family="Times New Roman,serif" font-size="14.00">TechFaker</text>
<polyline fill="none" stroke="black" points="1668.07,-1093.12 1884.07,-1093.12 "/>
<text text-anchor="start" x="1676.07" y="-1077.92" font-family="Times New Roman,serif" font-size="14.00">&#45;buffered()</text>
<text text-anchor="start" x="1676.07" y="-1062.92" font-family="Times New Roman,serif" font-size="14.00">&#45;canPlaySource(srcObj)</text>
<text text-anchor="start" x="1676.07" y="-1047.92" font-family="Times New Roman,serif" font-size="14.00">&#45;canPlayType(type)</text>
<text text-anchor="start" x="1676.07" y="-1032.92" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(options, handleReady)</text>
<text text-anchor="start" x="1676.07" y="-1017.92" font-family="Times New Roman,serif" font-size="14.00">&#45;controls()</text>
<text text-anchor="start" x="1676.07" y="-1002.92" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1676.07" y="-987.918" font-family="Times New Roman,serif" font-size="14.00">&#45;currentTime()</text>
<text text-anchor="start" x="1676.07" y="-972.918" font-family="Times New Roman,serif" font-size="14.00">&#45;duration()</text>
<text text-anchor="start" x="1676.07" y="-957.918" font-family="Times New Roman,serif" font-size="14.00">&#45;isSupported()</text>
<text text-anchor="start" x="1676.07" y="-942.918" font-family="Times New Roman,serif" font-size="14.00">&#45;muted()</text>
<text text-anchor="start" x="1676.07" y="-927.918" font-family="Times New Roman,serif" font-size="14.00">&#45;networkState()</text>
<text text-anchor="start" x="1676.07" y="-912.918" font-family="Times New Roman,serif" font-size="14.00">&#45;pause()</text>
<text text-anchor="start" x="1676.07" y="-897.918" font-family="Times New Roman,serif" font-size="14.00">&#45;paused()</text>
<text text-anchor="start" x="1676.07" y="-882.918" font-family="Times New Roman,serif" font-size="14.00">&#45;play()</text>
<text text-anchor="start" x="1676.07" y="-867.918" font-family="Times New Roman,serif" font-size="14.00">&#45;poster()</text>
<text text-anchor="start" x="1676.07" y="-852.918" font-family="Times New Roman,serif" font-size="14.00">&#45;readyState()</text>
<text text-anchor="start" x="1676.07" y="-837.918" font-family="Times New Roman,serif" font-size="14.00">&#45;seeking()</text>
<text text-anchor="start" x="1676.07" y="-822.918" font-family="Times New Roman,serif" font-size="14.00">&#45;setControls(val)</text>
<text text-anchor="start" x="1676.07" y="-807.918" font-family="Times New Roman,serif" font-size="14.00">&#45;setPoster(val)</text>
<text text-anchor="start" x="1676.07" y="-792.918" font-family="Times New Roman,serif" font-size="14.00">&#45;src()</text>
<text text-anchor="start" x="1676.07" y="-777.918" font-family="Times New Roman,serif" font-size="14.00">&#45;supportsFullScreen()</text>
<text text-anchor="start" x="1676.07" y="-762.918" font-family="Times New Roman,serif" font-size="14.00">&#45;volume()</text>
</g>
<!-- n31&#45;&gt;n3691 -->
<g id="edge101" class="edge"><title>n31&#45;&gt;n3691</title>
<path fill="none" stroke="black" d="M1923.68,-1675.09C1923.68,-1675.09 1923.68,-943 1923.68,-943 1923.68,-943 1906.63,-943 1884.12,-943"/>
<polygon fill="black" stroke="black" points="1923.68,-1675.09 1927.68,-1681.09 1923.68,-1687.09 1919.68,-1681.09 1923.68,-1675.09"/>
</g>
<!-- n32 -->
<g id="node27" class="node"><title>n32</title>
<polygon fill="aliceblue" stroke="black" points="1454.99,-2540.75 1454.99,-2639.75 1685.99,-2639.75 1685.99,-2540.75 1454.99,-2540.75"/>
<text text-anchor="middle" x="1570.49" y="-2624.55" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1570.49" y="-2609.55" font-family="Times New Roman,serif" font-size="14.00">test/unit/tech/tech.test.js</text>
<polyline fill="none" stroke="black" points="1454.99,-2601.75 1685.99,-2601.75 "/>
<text text-anchor="start" x="1462.99" y="-2586.55" font-family="Times New Roman,serif" font-size="14.00">+clock : variable = undefined</text>
<text text-anchor="start" x="1462.99" y="-2571.55" font-family="Times New Roman,serif" font-size="14.00">+oldTextTracks : variable = undefined</text>
<polyline fill="none" stroke="black" points="1454.99,-2563.75 1685.99,-2563.75 "/>
<text text-anchor="start" x="1462.99" y="-2548.55" font-family="Times New Roman,serif" font-size="14.00">&#45;noop()</text>
</g>
<!-- n32&#45;&gt;n62 -->
<g id="edge105" class="edge"><title>n32&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1612.38,-2639.87C1612.38,-2719.26 1612.38,-2866 1612.38,-2866 1612.38,-2866 710.814,-2866 710.814,-2866 710.814,-2866 710.814,-3426 710.814,-3426 710.814,-3426 1538.24,-3426 1538.24,-3426 1538.24,-3426 1538.24,-3400 1538.24,-3400 1538.24,-3400 2131.54,-3400 2131.54,-3400 2131.54,-3400 2131.54,-3362 2131.54,-3362 2131.54,-3362 2062.17,-3362 2062.17,-3362 2062.17,-3362 2062.17,-3218.68 2062.17,-3218.68"/>
<polygon fill="red" stroke="red" points="2065.67,-3218.68 2062.17,-3208.68 2058.67,-3218.68 2065.67,-3218.68"/>
<text text-anchor="middle" x="747.67" y="-3429.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n32&#45;&gt;n65 -->
<g id="edge107" class="edge"><title>n32&#45;&gt;n65</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1464.4,-2639.85C1464.4,-2650.69 1464.4,-2659 1464.4,-2659 1464.4,-2659 1086.92,-2659 1086.92,-2659"/>
<polygon fill="red" stroke="red" points="1086.92,-2655.5 1076.92,-2659 1086.92,-2662.5 1086.92,-2655.5"/>
<text text-anchor="middle" x="1253.24" y="-2662.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n70 -->
<g id="node65" class="node"><title>n70</title>
<polygon fill="aliceblue" stroke="black" points="2661.75,-2451.82 2661.75,-2640.82 2870.75,-2640.82 2870.75,-2451.82 2661.75,-2451.82"/>
<text text-anchor="middle" x="2766.25" y="-2625.62" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2766.25" y="-2610.62" font-family="Times New Roman,serif" font-size="14.00">src/js/media&#45;error.js</text>
<polyline fill="none" stroke="black" points="2661.75,-2602.82 2870.75,-2602.82 "/>
<text text-anchor="start" x="2669.75" y="-2587.62" font-family="Times New Roman,serif" font-size="14.00">+ : identifier = errNum</text>
<text text-anchor="start" x="2669.75" y="-2572.62" font-family="Times New Roman,serif" font-size="14.00">+MediaError. : identifier = errNum</text>
<text text-anchor="start" x="2669.75" y="-2557.62" font-family="Times New Roman,serif" font-size="14.00">+code : number = 0</text>
<text text-anchor="start" x="2669.75" y="-2542.62" font-family="Times New Roman,serif" font-size="14.00">+errNum : number = 0</text>
<text text-anchor="start" x="2669.75" y="-2527.62" font-family="Times New Roman,serif" font-size="14.00">+message : string</text>
<text text-anchor="start" x="2669.75" y="-2512.62" font-family="Times New Roman,serif" font-size="14.00">+status : null</text>
<polyline fill="none" stroke="black" points="2661.75,-2504.82 2870.75,-2504.82 "/>
<text text-anchor="start" x="2669.75" y="-2489.62" font-family="Times New Roman,serif" font-size="14.00">&#45;MediaError(code)</text>
<text text-anchor="start" x="2669.75" y="-2474.62" font-family="Times New Roman,serif" font-size="14.00">&#45;MediaError.defaultMessages()</text>
<text text-anchor="start" x="2669.75" y="-2459.62" font-family="Times New Roman,serif" font-size="14.00">&#45;MediaError.errorTypes()</text>
</g>
<!-- n32&#45;&gt;n70 -->
<g id="edge108" class="edge"><title>n32&#45;&gt;n70</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1490.09,-2540.68C1490.09,-2451.45 1490.09,-2273 1490.09,-2273 1490.09,-2273 1270.01,-2273 1270.01,-2273 1270.01,-2273 1270.01,-2109 1270.01,-2109 1270.01,-2109 1941.99,-2109 1941.99,-2109 1941.99,-2109 1941.99,-1305 1941.99,-1305 1941.99,-1305 2938.16,-1305 2938.16,-1305 2938.16,-1305 2938.16,-2488 2938.16,-2488 2938.16,-2488 2881.21,-2488 2881.21,-2488"/>
<polygon fill="red" stroke="red" points="2881.21,-2484.5 2871.21,-2488 2881.21,-2491.5 2881.21,-2484.5"/>
<text text-anchor="middle" x="1964.18" y="-1308.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85 -->
<g id="node80" class="node"><title>n85</title>
<polygon fill="aliceblue" stroke="black" points="2018.3,-2086.05 2018.3,-2515.05 2398.3,-2515.05 2398.3,-2086.05 2018.3,-2086.05"/>
<text text-anchor="middle" x="2208.3" y="-2499.85" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2208.3" y="-2484.85" font-family="Times New Roman,serif" font-size="14.00">src/js/tech/html5.js</text>
<polyline fill="none" stroke="black" points="2018.3,-2477.05 2398.3,-2477.05 "/>
<text text-anchor="start" x="2026.3" y="-2461.85" font-family="Times New Roman,serif" font-size="14.00">+canPlayType : variable = undefined</text>
<text text-anchor="start" x="2026.3" y="-2446.85" font-family="Times New Roman,serif" font-size="14.00">+mp4RE : object</text>
<text text-anchor="start" x="2026.3" y="-2431.85" font-family="Times New Roman,serif" font-size="14.00">+mpegurlRE : object</text>
<text text-anchor="start" x="2026.3" y="-2416.85" font-family="Times New Roman,serif" font-size="14.00">+track.kind : string = captions</text>
<text text-anchor="start" x="2026.3" y="-2401.85" font-family="Times New Roman,serif" font-size="14.00">+track.label : string = English</text>
<text text-anchor="start" x="2026.3" y="-2386.85" font-family="Times New Roman,serif" font-size="14.00">+track.srclang : string = en</text>
<polyline fill="none" stroke="black" points="2018.3,-2379.05 2398.3,-2379.05 "/>
<text text-anchor="start" x="2026.3" y="-2363.85" font-family="Times New Roman,serif" font-size="14.00">&#45;()</text>
<text text-anchor="start" x="2026.3" y="-2348.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.Events()</text>
<text text-anchor="start" x="2026.3" y="-2333.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.TEST_VID(video)</text>
<text text-anchor="start" x="2026.3" y="-2318.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.canControlPlaybackRate()</text>
<text text-anchor="start" x="2026.3" y="-2303.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.canControlVolume()</text>
<text text-anchor="start" x="2026.3" y="-2288.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.disposeMediaElement(el)</text>
<text text-anchor="start" x="2026.3" y="-2273.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.isSupported()</text>
<text text-anchor="start" x="2026.3" y="-2258.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.nativeSourceHandler()</text>
<text text-anchor="start" x="2026.3" y="-2243.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.nativeSourceHandler.canHandleSource(source, options)</text>
<text text-anchor="start" x="2026.3" y="-2228.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.nativeSourceHandler.canPlayType(type)</text>
<text text-anchor="start" x="2026.3" y="-2213.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.nativeSourceHandler.dispose()</text>
<text text-anchor="start" x="2026.3" y="-2198.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.nativeSourceHandler.handleSource(source, tech, options)</text>
<text text-anchor="start" x="2026.3" y="-2183.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.patchCanPlayType()</text>
<text text-anchor="start" x="2026.3" y="-2168.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.resetMediaElement(el)</text>
<text text-anchor="start" x="2026.3" y="-2153.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.supportsNativeAudioTracks()</text>
<text text-anchor="start" x="2026.3" y="-2138.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.supportsNativeTextTracks()</text>
<text text-anchor="start" x="2026.3" y="-2123.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.supportsNativeVideoTracks()</text>
<text text-anchor="start" x="2026.3" y="-2108.85" font-family="Times New Roman,serif" font-size="14.00">&#45;Html5.unpatchCanPlayType()</text>
<text text-anchor="start" x="2026.3" y="-2093.85" font-family="Times New Roman,serif" font-size="14.00">&#45;track(track)</text>
</g>
<!-- n32&#45;&gt;n85 -->
<g id="edge103" class="edge"><title>n32&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1491.9,-2540.65C1491.9,-2449.82 1491.9,-2266 1491.9,-2266 1491.9,-2266 1500.37,-2266 1500.37,-2266 1500.37,-2266 1500.37,-2153 1500.37,-2153 1500.37,-2153 2008.12,-2153 2008.12,-2153"/>
<polygon fill="red" stroke="red" points="2008.12,-2156.5 2018.12,-2153 2008.12,-2149.5 2008.12,-2156.5"/>
<text text-anchor="middle" x="1588.19" y="-2156.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n32&#45;&gt;n87 -->
<g id="edge102" class="edge"><title>n32&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1686.2,-2563C1735.1,-2563 1780.97,-2563 1780.97,-2563 1780.97,-2563 1780.97,-2547.54 1780.97,-2547.54"/>
<polygon fill="red" stroke="red" points="1784.47,-2547.54 1780.97,-2537.54 1777.47,-2547.54 1784.47,-2547.54"/>
<text text-anchor="middle" x="1773.31" y="-2566.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n32&#45;&gt;n84 -->
<g id="edge104" class="edge"><title>n32&#45;&gt;n84</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1490.99,-2540.72C1490.99,-2451.05 1490.99,-2271 1490.99,-2271 1490.99,-2271 1274.62,-2271 1274.62,-2271 1274.62,-2271 1274.62,-2113 1274.62,-2113 1274.62,-2113 1943.69,-2113 1943.69,-2113 1943.69,-2113 1943.69,-1313 1943.69,-1313 1943.69,-1313 2409.6,-1313 2409.6,-1313 2409.6,-1313 2409.6,-1841.34 2409.6,-1841.34"/>
<polygon fill="red" stroke="red" points="2406.1,-1841.34 2409.6,-1851.34 2413.1,-1841.34 2406.1,-1841.34"/>
<text text-anchor="middle" x="1911.69" y="-1861.25" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n32&#45;&gt;n98 -->
<g id="edge106" class="edge"><title>n32&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1489.18,-2540.65C1489.18,-2451.87 1489.18,-2275 1489.18,-2275 1489.18,-2275 1260.78,-2275 1260.78,-2275 1260.78,-2275 1260.78,-2062 1260.78,-2062 1260.78,-2062 1326.34,-2062 1326.34,-2062 1326.34,-2062 1326.34,-1627 1326.34,-1627 1326.34,-1627 1910.48,-1627 1910.48,-1627 1910.48,-1627 1910.48,-1323 1910.48,-1323 1910.48,-1323 2949.04,-1323 2949.04,-1323 2949.04,-1323 2949.04,-2166 2949.04,-2166 2949.04,-2166 2900.81,-2166 2900.81,-2166 2900.81,-2166 2900.81,-2734.22 2900.81,-2734.22"/>
<polygon fill="red" stroke="red" points="2897.31,-2734.22 2900.81,-2744.22 2904.31,-2734.22 2897.31,-2734.22"/>
<text text-anchor="middle" x="2030.11" y="-1326.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRange]»</text>
</g>
<!-- n102 -->
<g id="node97" class="node"><title>n102</title>
<polygon fill="aliceblue" stroke="black" points="1102.6,-2411.58 1102.6,-2472.58 1286.6,-2472.58 1286.6,-2411.58 1102.6,-2411.58"/>
<text text-anchor="middle" x="1194.6" y="-2457.38" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1194.6" y="-2442.38" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/audio&#45;track&#45;list.js</text>
<polyline fill="none" stroke="black" points="1102.6,-2434.58 1286.6,-2434.58 "/>
<text text-anchor="start" x="1110.6" y="-2419.38" font-family="Times New Roman,serif" font-size="14.00">&#45;disableOthers(list, track)</text>
</g>
<!-- n32&#45;&gt;n102 -->
<g id="edge112" class="edge"><title>n32&#45;&gt;n102</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1485.54,-2540.42C1485.54,-2493.38 1485.54,-2430 1485.54,-2430 1485.54,-2430 1296.66,-2430 1296.66,-2430"/>
<polygon fill="red" stroke="red" points="1296.66,-2426.5 1286.66,-2430 1296.66,-2433.5 1296.66,-2426.5"/>
<text text-anchor="middle" x="1446.31" y="-2418.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n103 -->
<g id="node98" class="node"><title>n103</title>
<polygon fill="aliceblue" stroke="black" points="1393.79,-1832.94 1393.79,-1870.94 1557.79,-1870.94 1557.79,-1832.94 1393.79,-1832.94"/>
<text text-anchor="middle" x="1475.79" y="-1855.74" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1475.79" y="-1840.74" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/audio&#45;track.js</text>
</g>
<!-- n32&#45;&gt;n103 -->
<g id="edge109" class="edge"><title>n32&#45;&gt;n103</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1686.11,-2551C1708.77,-2551 1725.67,-2551 1725.67,-2551 1725.67,-2551 1725.67,-2222 1725.67,-2222 1725.67,-2222 1883.89,-2222 1883.89,-2222 1883.89,-2222 1883.89,-1854 1883.89,-1854 1883.89,-1854 1567.88,-1854 1567.88,-1854"/>
<polygon fill="red" stroke="red" points="1567.88,-1850.5 1557.88,-1854 1567.88,-1857.5 1567.88,-1850.5"/>
<text text-anchor="middle" x="1851.89" y="-2147.18" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n109 -->
<g id="node104" class="node"><title>n109</title>
<polygon fill="aliceblue" stroke="black" points="1424.32,-2758.68 1424.32,-2796.68 1597.32,-2796.68 1597.32,-2758.68 1424.32,-2758.68"/>
<text text-anchor="middle" x="1510.82" y="-2781.48" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1510.82" y="-2766.48" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/text&#45;track&#45;list.js</text>
</g>
<!-- n32&#45;&gt;n109 -->
<g id="edge114" class="edge"><title>n32&#45;&gt;n109</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1469.11,-2639.99C1469.11,-2639.99 1469.11,-2748.34 1469.11,-2748.34"/>
<polygon fill="red" stroke="red" points="1465.61,-2748.34 1469.11,-2758.34 1472.61,-2748.34 1465.61,-2748.34"/>
<text text-anchor="middle" x="1437.11" y="-2697.96" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112 -->
<g id="node107" class="node"><title>n112</title>
<polygon fill="aliceblue" stroke="black" points="1260.04,-2539.15 1260.04,-2630.15 1445.04,-2630.15 1445.04,-2539.15 1260.04,-2539.15"/>
<text text-anchor="middle" x="1352.54" y="-2614.95" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1352.54" y="-2599.95" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/text&#45;track.js</text>
<polyline fill="none" stroke="black" points="1260.04,-2592.15 1445.04,-2592.15 "/>
<text text-anchor="start" x="1268.04" y="-2576.95" font-family="Times New Roman,serif" font-size="14.00">&#45;allowedEvents_()</text>
<text text-anchor="start" x="1268.04" y="-2561.95" font-family="Times New Roman,serif" font-size="14.00">&#45;loadTrack(src, track)</text>
<text text-anchor="start" x="1268.04" y="-2546.95" font-family="Times New Roman,serif" font-size="14.00">&#45;parseCues(srcContent, track)</text>
</g>
<!-- n32&#45;&gt;n112 -->
<g id="edge111" class="edge"><title>n32&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1454.82,-2585C1454.82,-2585 1453.84,-2585 1453.84,-2585"/>
<polygon fill="red" stroke="red" points="1455.07,-2581.5 1445.07,-2585 1455.07,-2588.5 1455.07,-2581.5"/>
<text text-anchor="middle" x="1422.33" y="-2588.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n113 -->
<g id="node108" class="node"><title>n113</title>
<polygon fill="aliceblue" stroke="black" points="1104.15,-2316.74 1104.15,-2377.74 1288.15,-2377.74 1288.15,-2316.74 1104.15,-2316.74"/>
<text text-anchor="middle" x="1196.15" y="-2362.54" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1196.15" y="-2347.54" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/video&#45;track&#45;list.js</text>
<polyline fill="none" stroke="black" points="1104.15,-2339.74 1288.15,-2339.74 "/>
<text text-anchor="start" x="1112.15" y="-2324.54" font-family="Times New Roman,serif" font-size="14.00">&#45;disableOthers(list, track)</text>
</g>
<!-- n32&#45;&gt;n113 -->
<g id="edge113" class="edge"><title>n32&#45;&gt;n113</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1488.27,-2540.54C1488.27,-2466.02 1488.27,-2334 1488.27,-2334 1488.27,-2334 1298.17,-2334 1298.17,-2334"/>
<polygon fill="red" stroke="red" points="1298.17,-2330.5 1288.17,-2334 1298.17,-2337.5 1298.17,-2330.5"/>
<text text-anchor="middle" x="1520.27" y="-2346.02" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n114 -->
<g id="node109" class="node"><title>n114</title>
<polygon fill="aliceblue" stroke="black" points="1581.18,-1872.5 1581.18,-1910.5 1745.18,-1910.5 1745.18,-1872.5 1581.18,-1872.5"/>
<text text-anchor="middle" x="1663.18" y="-1895.3" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1663.18" y="-1880.3" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/video&#45;track.js</text>
</g>
<!-- n32&#45;&gt;n114 -->
<g id="edge110" class="edge"><title>n32&#45;&gt;n114</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1459.7,-2639.83C1459.7,-2651.19 1459.7,-2660 1459.7,-2660 1459.7,-2660 1170.55,-2660 1170.55,-2660 1170.55,-2660 1170.55,-2707 1170.55,-2707 1170.55,-2707 993.552,-2707 993.552,-2707 993.552,-2707 993.552,-2765 993.552,-2765 993.552,-2765 395.409,-2765 395.409,-2765 395.409,-2765 395.409,-2027 395.409,-2027 395.409,-2027 1604.01,-2027 1604.01,-2027 1604.01,-2027 1604.01,-1920.63 1604.01,-1920.63"/>
<polygon fill="red" stroke="red" points="1607.51,-1920.63 1604.01,-1910.63 1600.51,-1920.63 1607.51,-1920.63"/>
<text text-anchor="middle" x="363.409" y="-2337.05" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n33 -->
<g id="node28" class="node"><title>n33</title>
<polygon fill="aliceblue" stroke="black" points="912.515,-2326.88 912.515,-2417.88 1094.51,-2417.88 1094.51,-2326.88 912.515,-2326.88"/>
<text text-anchor="middle" x="1003.51" y="-2402.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1003.51" y="-2387.68" font-family="Times New Roman,serif" font-size="14.00">test/unit/tech/html5.test.js</text>
<polyline fill="none" stroke="black" points="912.515,-2379.88 1094.51,-2379.88 "/>
<text text-anchor="start" x="920.515" y="-2364.68" font-family="Times New Roman,serif" font-size="14.00">+el : variable = undefined</text>
<text text-anchor="start" x="920.515" y="-2349.68" font-family="Times New Roman,serif" font-size="14.00">+player : variable = undefined</text>
<text text-anchor="start" x="920.515" y="-2334.68" font-family="Times New Roman,serif" font-size="14.00">+tech : variable = undefined</text>
</g>
<!-- n33&#45;&gt;n85 -->
<g id="edge115" class="edge"><title>n33&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1094.78,-2397C1241.6,-2397 1513.98,-2397 1513.98,-2397 1513.98,-2397 1513.98,-2171 1513.98,-2171 1513.98,-2171 2008.12,-2171 2008.12,-2171"/>
<polygon fill="red" stroke="red" points="2008.12,-2174.5 2018.12,-2171 2008.12,-2167.5 2008.12,-2174.5"/>
<text text-anchor="middle" x="1513.98" y="-2235.34" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n33&#45;&gt;n89 -->
<g id="edge116" class="edge"><title>n33&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1094.59,-2404C1239.51,-2404 1506.42,-2404 1506.42,-2404 1506.42,-2404 1506.42,-2406.98 1506.42,-2406.98"/>
<polygon fill="red" stroke="red" points="1502.92,-2406.98 1506.42,-2416.98 1509.92,-2406.98 1502.92,-2406.98"/>
<text text-anchor="middle" x="1269.99" y="-2392.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n33&#45;&gt;n554 -->
<g id="edge117" class="edge"><title>n33&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1072.62,-2417.91C1072.62,-2479.29 1072.62,-2581 1072.62,-2581 1072.62,-2581 1084.95,-2581 1084.95,-2581 1084.95,-2581 1084.95,-2695 1084.95,-2695 1084.95,-2695 1121.9,-2695 1121.9,-2695 1121.9,-2695 1121.9,-2671 1121.9,-2671 1121.9,-2671 1398.71,-2671 1398.71,-2671 1398.71,-2671 1398.71,-2703 1398.71,-2703 1398.71,-2703 1463.46,-2703 1463.46,-2703"/>
<polygon fill="red" stroke="red" points="1463.46,-2706.5 1473.46,-2703 1463.46,-2699.5 1463.46,-2706.5"/>
<text text-anchor="middle" x="1165.49" y="-2674.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n34 -->
<g id="node29" class="node"><title>n34</title>
<polygon fill="aliceblue" stroke="black" points="1217.67,-1322.78 1217.67,-1360.78 1417.67,-1360.78 1417.67,-1322.78 1217.67,-1322.78"/>
<text text-anchor="middle" x="1317.67" y="-1345.58" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1317.67" y="-1330.58" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/audio&#45;track.test.js</text>
</g>
<!-- n47 -->
<g id="node42" class="node"><title>n47</title>
<polygon fill="aliceblue" stroke="black" points="1329.69,-1911.04 1329.69,-1972.04 1551.69,-1972.04 1551.69,-1911.04 1329.69,-1911.04"/>
<text text-anchor="middle" x="1440.69" y="-1956.84" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1440.69" y="-1941.84" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/track&#45;baseline.js</text>
<polyline fill="none" stroke="black" points="1329.69,-1934.04 1551.69,-1934.04 "/>
<text text-anchor="start" x="1337.69" y="-1918.84" font-family="Times New Roman,serif" font-size="14.00">&#45;TrackBaseline(TrackClass, options)</text>
</g>
<!-- n34&#45;&gt;n47 -->
<g id="edge120" class="edge"><title>n34&#45;&gt;n47</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1340.05,-1361.06C1340.05,-1361.06 1340.05,-1900.92 1340.05,-1900.92"/>
<polygon fill="red" stroke="red" points="1336.55,-1900.92 1340.05,-1910.92 1343.55,-1900.92 1336.55,-1900.92"/>
<text text-anchor="middle" x="1308.05" y="-1634.79" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n34&#45;&gt;n103 -->
<g id="edge118" class="edge"><title>n34&#45;&gt;n103</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1345.23,-1360.89C1345.23,-1452.81 1345.23,-1845 1345.23,-1845 1345.23,-1845 1383.47,-1845 1383.47,-1845"/>
<polygon fill="red" stroke="red" points="1383.47,-1848.5 1393.47,-1845 1383.47,-1841.5 1383.47,-1848.5"/>
<text text-anchor="middle" x="1313.23" y="-1610.87" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n111 -->
<g id="node106" class="node"><title>n111</title>
<polygon fill="aliceblue" stroke="black" points="1400.15,-1678.76 1400.15,-1784.76 1569.15,-1784.76 1569.15,-1678.76 1400.15,-1678.76"/>
<text text-anchor="middle" x="1484.65" y="-1769.56" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1484.65" y="-1754.56" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/track&#45;enums.js</text>
<polyline fill="none" stroke="black" points="1400.15,-1746.76 1569.15,-1746.76 "/>
<text text-anchor="start" x="1408.15" y="-1731.56" font-family="Times New Roman,serif" font-size="14.00">+AudioTrackKind : object</text>
<text text-anchor="start" x="1408.15" y="-1716.56" font-family="Times New Roman,serif" font-size="14.00">+TextTrackKind : object</text>
<text text-anchor="start" x="1408.15" y="-1701.56" font-family="Times New Roman,serif" font-size="14.00">+TextTrackMode : object</text>
<text text-anchor="start" x="1408.15" y="-1686.56" font-family="Times New Roman,serif" font-size="14.00">+VideoTrackKind : object</text>
</g>
<!-- n34&#45;&gt;n111 -->
<g id="edge119" class="edge"><title>n34&#45;&gt;n111</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1350.41,-1360.93C1350.41,-1432.48 1350.41,-1680 1350.41,-1680 1350.41,-1680 1390.01,-1680 1390.01,-1680"/>
<polygon fill="red" stroke="red" points="1390.01,-1683.5 1400.01,-1680 1390.01,-1676.5 1390.01,-1683.5"/>
<text text-anchor="middle" x="1269.91" y="-1544.07" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [AudioTrackKind]»</text>
</g>
<!-- n35 -->
<g id="node30" class="node"><title>n35</title>
<polygon fill="aliceblue" stroke="black" points="740.696,-1841.58 740.696,-1879.58 961.696,-1879.58 961.696,-1841.58 740.696,-1841.58"/>
<text text-anchor="middle" x="851.196" y="-1864.38" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="851.196" y="-1849.38" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/audio&#45;track&#45;list.test.js</text>
</g>
<!-- n67 -->
<g id="node62" class="node"><title>n67</title>
<polygon fill="aliceblue" stroke="black" points="1050.71,-2059.5 1050.71,-2248.5 1237.71,-2248.5 1237.71,-2059.5 1050.71,-2059.5"/>
<text text-anchor="middle" x="1144.21" y="-2233.3" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1144.21" y="-2218.3" font-family="Times New Roman,serif" font-size="14.00">src/js/event&#45;target.js</text>
<polyline fill="none" stroke="black" points="1050.71,-2210.5 1237.71,-2210.5 "/>
<text text-anchor="start" x="1058.71" y="-2195.3" font-family="Times New Roman,serif" font-size="14.00">+addEventListener : object</text>
<text text-anchor="start" x="1058.71" y="-2180.3" font-family="Times New Roman,serif" font-size="14.00">+dispatchEvent : object</text>
<text text-anchor="start" x="1058.71" y="-2165.3" font-family="Times New Roman,serif" font-size="14.00">+removeEventListener : object</text>
<polyline fill="none" stroke="black" points="1050.71,-2157.5 1237.71,-2157.5 "/>
<text text-anchor="start" x="1058.71" y="-2142.3" font-family="Times New Roman,serif" font-size="14.00">&#45;EventTarget()</text>
<text text-anchor="start" x="1058.71" y="-2127.3" font-family="Times New Roman,serif" font-size="14.00">&#45;allowedEvents_()</text>
<text text-anchor="start" x="1058.71" y="-2112.3" font-family="Times New Roman,serif" font-size="14.00">&#45;off(type, fn)</text>
<text text-anchor="start" x="1058.71" y="-2097.3" font-family="Times New Roman,serif" font-size="14.00">&#45;on(type, fn)</text>
<text text-anchor="start" x="1058.71" y="-2082.3" font-family="Times New Roman,serif" font-size="14.00">&#45;one(type, fn)</text>
<text text-anchor="start" x="1058.71" y="-2067.3" font-family="Times New Roman,serif" font-size="14.00">&#45;trigger(event)</text>
</g>
<!-- n35&#45;&gt;n67 -->
<g id="edge123" class="edge"><title>n35&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M961.733,-1864C1005.94,-1864 1046.58,-1864 1046.58,-1864 1046.58,-1864 1046.58,-2155 1046.58,-2155 1046.58,-2155 1046.95,-2155 1046.95,-2155"/>
<polygon fill="red" stroke="red" points="1040.29,-2158.5 1050.29,-2155 1040.29,-2151.5 1040.29,-2158.5"/>
<text text-anchor="middle" x="1014.58" y="-1971.06" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n35&#45;&gt;n102 -->
<g id="edge121" class="edge"><title>n35&#45;&gt;n102</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M740.328,-1866C710.509,-1866 686.351,-1866 686.351,-1866 686.351,-1866 686.351,-2427 686.351,-2427 686.351,-2427 1092.56,-2427 1092.56,-2427"/>
<polygon fill="red" stroke="red" points="1092.56,-2430.5 1102.56,-2427 1092.56,-2423.5 1092.56,-2430.5"/>
<text text-anchor="middle" x="654.351" y="-2326.42" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n35&#45;&gt;n103 -->
<g id="edge122" class="edge"><title>n35&#45;&gt;n103</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M916.128,-1841.56C916.128,-1822.51 916.128,-1796 916.128,-1796 916.128,-1796 1452.7,-1796 1452.7,-1796 1452.7,-1796 1452.7,-1822.69 1452.7,-1822.69"/>
<polygon fill="red" stroke="red" points="1449.2,-1822.69 1452.7,-1832.69 1456.2,-1822.69 1449.2,-1822.69"/>
<text text-anchor="middle" x="1142.98" y="-1784.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n36 -->
<g id="node31" class="node"><title>n36</title>
<polygon fill="aliceblue" stroke="black" points="751.145,-2782.16 751.145,-2843.16 991.145,-2843.16 991.145,-2782.16 751.145,-2782.16"/>
<text text-anchor="middle" x="871.145" y="-2827.96" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="871.145" y="-2812.96" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/html&#45;track&#45;element.test.js</text>
<polyline fill="none" stroke="black" points="751.145,-2805.16 991.145,-2805.16 "/>
<text text-anchor="start" x="759.145" y="-2789.96" font-family="Times New Roman,serif" font-size="14.00">+defaultTech : object</text>
</g>
<!-- n104 -->
<g id="node99" class="node"><title>n104</title>
<polygon fill="aliceblue" stroke="black" points="697.448,-2061.71 697.448,-2250.71 1042.45,-2250.71 1042.45,-2061.71 697.448,-2061.71"/>
<text text-anchor="middle" x="869.948" y="-2235.51" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="869.948" y="-2220.51" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/html&#45;track&#45;element.js</text>
<polyline fill="none" stroke="black" points="697.448,-2212.71 1042.45,-2212.71 "/>
<text text-anchor="start" x="705.448" y="-2197.51" font-family="Times New Roman,serif" font-size="14.00">+ERROR : number = 3</text>
<text text-anchor="start" x="705.448" y="-2182.51" font-family="Times New Roman,serif" font-size="14.00">+HTMLTrackElement.ERROR : identifier = ERROR</text>
<text text-anchor="start" x="705.448" y="-2167.51" font-family="Times New Roman,serif" font-size="14.00">+HTMLTrackElement.LOADED : identifier = LOADED</text>
<text text-anchor="start" x="705.448" y="-2152.51" font-family="Times New Roman,serif" font-size="14.00">+HTMLTrackElement.LOADING : identifier = LOADING</text>
<text text-anchor="start" x="705.448" y="-2137.51" font-family="Times New Roman,serif" font-size="14.00">+HTMLTrackElement.NONE : identifier = NONE</text>
<text text-anchor="start" x="705.448" y="-2122.51" font-family="Times New Roman,serif" font-size="14.00">+LOADED : number = 2</text>
<text text-anchor="start" x="705.448" y="-2107.51" font-family="Times New Roman,serif" font-size="14.00">+LOADING : number = 1</text>
<text text-anchor="start" x="705.448" y="-2092.51" font-family="Times New Roman,serif" font-size="14.00">+NONE : number = 0</text>
<polyline fill="none" stroke="black" points="697.448,-2084.71 1042.45,-2084.71 "/>
<text text-anchor="start" x="705.448" y="-2069.51" font-family="Times New Roman,serif" font-size="14.00">&#45;allowedEvents_()</text>
</g>
<!-- n36&#45;&gt;n104 -->
<g id="edge124" class="edge"><title>n36&#45;&gt;n104</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M751.029,-2812C610.371,-2812 396.354,-2812 396.354,-2812 396.354,-2812 396.354,-2133 396.354,-2133 396.354,-2133 687.294,-2133 687.294,-2133"/>
<polygon fill="red" stroke="red" points="687.294,-2136.5 697.294,-2133 687.294,-2129.5 687.294,-2136.5"/>
<text text-anchor="middle" x="364.354" y="-2508.17" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n36&#45;&gt;n112 -->
<g id="edge125" class="edge"><title>n36&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M877.691,-2781.9C877.691,-2725.89 877.691,-2613 877.691,-2613 877.691,-2613 1249.86,-2613 1249.86,-2613"/>
<polygon fill="red" stroke="red" points="1249.86,-2616.5 1259.86,-2613 1249.86,-2609.5 1249.86,-2616.5"/>
<text text-anchor="middle" x="947.325" y="-2601.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n36&#45;&gt;n555 -->
<g id="edge126" class="edge"><title>n36&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M870.512,-2843.34C870.512,-2856.98 870.512,-2870 870.512,-2870 870.512,-2870 1434.12,-2870 1434.12,-2870 1434.12,-2870 1434.12,-2887 1434.12,-2887 1434.12,-2887 1471.65,-2887 1471.65,-2887"/>
<polygon fill="red" stroke="red" points="1471.65,-2890.5 1481.65,-2887 1471.65,-2883.5 1471.65,-2890.5"/>
<text text-anchor="middle" x="1134.25" y="-2858.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n5 -->
<g id="node32" class="node"><title>n5</title>
<polygon fill="aliceblue" stroke="black" points="473.693,-1580.98 473.693,-1618.98 643.693,-1618.98 643.693,-1580.98 473.693,-1580.98"/>
<text text-anchor="middle" x="558.693" y="-1603.78" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="558.693" y="-1588.78" font-family="Times New Roman,serif" font-size="14.00">build/tasks/style&#45;injection.js</text>
</g>
<!-- n533 -->
<g id="node167" class="node"><title>n533</title>
<polygon fill="#8deeee" stroke="black" points="524.405,-1632.31 524.405,-1670.31 673.405,-1670.31 673.405,-1632.31 524.405,-1632.31"/>
<text text-anchor="middle" x="598.905" y="-1655.11" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="598.905" y="-1640.11" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
</g>
<!-- n5&#45;&gt;n533 -->
<g id="edge22" class="edge"><title>n5&#45;&gt;n533</title>
<path fill="none" stroke="black" d="M584.049,-1630.72C584.049,-1630.72 584.049,-1632.01 584.049,-1632.01"/>
<polygon fill="black" stroke="black" points="584.049,-1631.1 580.049,-1625.1 584.049,-1619.1 588.049,-1625.1 584.049,-1631.1"/>
</g>
<!-- n21 -->
<g id="node33" class="node"><title>n21</title>
<polygon fill="aliceblue" stroke="black" points="1870.11,-2642 1870.11,-2680 2004.11,-2680 2004.11,-2642 1870.11,-2642"/>
<text text-anchor="middle" x="1937.11" y="-2664.8" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1937.11" y="-2649.8" font-family="Times New Roman,serif" font-size="14.00">test/unit/player.test.js</text>
</g>
<!-- n21&#45;&gt;n31 -->
<g id="edge66" class="edge"><title>n21&#45;&gt;n31</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1906.69,-2680.26C1906.69,-2710.57 1906.69,-2766 1906.69,-2766 1906.69,-2766 1646.48,-2766 1646.48,-2766 1646.48,-2766 1646.48,-2665 1646.48,-2665 1646.48,-2665 1223.62,-2665 1223.62,-2665 1223.62,-2665 1223.62,-2711 1223.62,-2711 1223.62,-2711 907.596,-2711 907.596,-2711 907.596,-2711 907.596,-2764 907.596,-2764 907.596,-2764 392.575,-2764 392.575,-2764 392.575,-2764 392.575,-1988 392.575,-1988 392.575,-1988 1813.22,-1988 1813.22,-1988 1813.22,-1988 1813.22,-1735.7 1813.22,-1735.7"/>
<polygon fill="red" stroke="red" points="1816.72,-1735.7 1813.22,-1725.7 1809.72,-1735.7 1816.72,-1735.7"/>
<text text-anchor="middle" x="360.575" y="-2443.25" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n26 -->
<g id="edge62" class="edge"><title>n21&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1869.99,-2657C1865.59,-2657 1862.87,-2657 1862.87,-2657 1862.87,-2657 1862.87,-2689.72 1862.87,-2689.72"/>
<polygon fill="red" stroke="red" points="1859.37,-2689.72 1862.87,-2699.72 1866.37,-2689.72 1859.37,-2689.72"/>
<text text-anchor="middle" x="1830.87" y="-2673.6" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n70 -->
<g id="edge60" class="edge"><title>n21&#45;&gt;n70</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2000.41,-2680.05C2000.41,-2717.27 2000.41,-2796 2000.41,-2796 2000.41,-2796 2045.18,-2796 2045.18,-2796 2045.18,-2796 2045.18,-2859 2045.18,-2859 2045.18,-2859 1959.71,-2859 1959.71,-2859 1959.71,-2859 1959.71,-2837 1959.71,-2837 1959.71,-2837 2304.89,-2837 2304.89,-2837 2304.89,-2837 2304.89,-2908 2304.89,-2908 2304.89,-2908 3163.05,-2908 3163.05,-2908 3163.05,-2908 3163.05,-2587 3163.05,-2587 3163.05,-2587 2880.77,-2587 2880.77,-2587"/>
<polygon fill="red" stroke="red" points="2880.77,-2583.5 2870.77,-2587 2880.77,-2590.5 2880.77,-2583.5"/>
<text text-anchor="middle" x="2629.93" y="-2911.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n72 -->
<g id="edge55" class="edge"><title>n21&#45;&gt;n72</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1999.02,-2680.34C1999.02,-2727.58 1999.02,-2845 1999.02,-2845 1999.02,-2845 1923.21,-2845 1923.21,-2845 1923.21,-2845 1923.21,-2948 1923.21,-2948 1923.21,-2948 1863.86,-2948 1863.86,-2948"/>
<polygon fill="red" stroke="red" points="1863.86,-2944.5 1853.86,-2948 1863.86,-2951.5 1863.86,-2944.5"/>
<text text-anchor="middle" x="1994.27" y="-2848.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n76 -->
<g id="edge56" class="edge"><title>n21&#45;&gt;n76</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1896.09,-2641.94C1896.09,-2631.23 1896.09,-2620 1896.09,-2620 1896.09,-2620 1704.55,-2620 1704.55,-2620 1704.55,-2620 1704.55,-2529 1704.55,-2529 1704.55,-2529 1273.32,-2529 1273.32,-2529 1273.32,-2529 1273.32,-2492 1273.32,-2492 1273.32,-2492 682.652,-2492 682.652,-2492 682.652,-2492 682.652,-2010 682.652,-2010 682.652,-2010 1945.34,-2010 1945.34,-2010"/>
<polygon fill="red" stroke="red" points="1945.34,-2013.5 1955.34,-2010 1945.34,-2006.5 1945.34,-2013.5"/>
<text text-anchor="middle" x="650.652" y="-2290.14" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n85 -->
<g id="edge61" class="edge"><title>n21&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1922.07,-2641.69C1922.07,-2616.06 1922.07,-2574 1922.07,-2574 1922.07,-2574 1726.85,-2574 1726.85,-2574 1726.85,-2574 1726.85,-2236 1726.85,-2236 1726.85,-2236 2008.02,-2236 2008.02,-2236"/>
<polygon fill="red" stroke="red" points="2008.02,-2239.5 2018.02,-2236 2008.02,-2232.5 2008.02,-2239.5"/>
<text text-anchor="middle" x="1694.85" y="-2399.67" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n87 -->
<g id="edge65" class="edge"><title>n21&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1974.04,-2641.97C1974.04,-2641.97 1974.04,-2547.64 1974.04,-2547.64"/>
<polygon fill="red" stroke="red" points="1977.54,-2547.64 1974.04,-2537.64 1970.54,-2547.64 1977.54,-2547.64"/>
<text text-anchor="middle" x="1942.04" y="-2598.6" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n89 -->
<g id="edge58" class="edge"><title>n21&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1948.05,-2641.68C1948.05,-2619.46 1948.05,-2586 1948.05,-2586 1948.05,-2586 1712.18,-2586 1712.18,-2586 1712.18,-2586 1712.18,-2526.24 1712.18,-2526.24"/>
<polygon fill="red" stroke="red" points="1715.68,-2526.24 1712.18,-2516.24 1708.68,-2526.24 1715.68,-2526.24"/>
<text text-anchor="middle" x="1796.08" y="-2589.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n95 -->
<g id="edge59" class="edge"><title>n21&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1941.4,-2680.07C1941.4,-2710.1 1941.4,-2765 1941.4,-2765 1941.4,-2765 1659.65,-2765 1659.65,-2765 1659.65,-2765 1659.65,-2666 1659.65,-2666 1659.65,-2666 1621.69,-2666 1621.69,-2666 1621.69,-2666 1621.69,-2939.34 1621.69,-2939.34"/>
<polygon fill="red" stroke="red" points="1618.19,-2939.34 1621.69,-2949.34 1625.19,-2939.34 1618.19,-2939.34"/>
<text text-anchor="middle" x="1691.65" y="-2746.99" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n92 -->
<g id="edge57" class="edge"><title>n21&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1924.04,-2680C1924.04,-2711.95 1924.04,-2773 1924.04,-2773 1924.04,-2773 1832.37,-2773 1832.37,-2773 1832.37,-2773 1832.37,-2806 1832.37,-2806 1832.37,-2806 1333.27,-2806 1333.27,-2806 1333.27,-2806 1333.27,-2848 1333.27,-2848 1333.27,-2848 1230.28,-2848 1230.28,-2848 1230.28,-2848 1230.28,-2930 1230.28,-2930 1230.28,-2930 2119.52,-2930 2119.52,-2930 2119.52,-2930 2119.52,-3054 2119.52,-3054 2119.52,-3054 2159.18,-3054 2159.18,-3054"/>
<polygon fill="red" stroke="red" points="2159.18,-3057.5 2169.18,-3054 2159.18,-3050.5 2159.18,-3057.5"/>
<text text-anchor="middle" x="1316.84" y="-2933.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n554 -->
<g id="edge63" class="edge"><title>n21&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1889.33,-2680.19C1889.33,-2687.46 1889.33,-2694 1889.33,-2694 1889.33,-2694 1620.87,-2694 1620.87,-2694"/>
<polygon fill="red" stroke="red" points="1620.87,-2690.5 1610.87,-2694 1620.87,-2697.5 1620.87,-2690.5"/>
<text text-anchor="middle" x="1730" y="-2682.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n21&#45;&gt;n555 -->
<g id="edge64" class="edge"><title>n21&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1958.76,-2680.13C1958.76,-2710.9 1958.76,-2768 1958.76,-2768 1958.76,-2768 1606.76,-2768 1606.76,-2768 1606.76,-2768 1606.76,-2874.66 1606.76,-2874.66"/>
<polygon fill="red" stroke="red" points="1603.26,-2874.66 1606.76,-2884.66 1610.26,-2874.66 1603.26,-2874.66"/>
<text text-anchor="middle" x="1741.37" y="-2771.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n39 -->
<g id="node34" class="node"><title>n39</title>
<polygon fill="aliceblue" stroke="black" points="801.497,-2510.26 801.497,-2586.26 1068.5,-2586.26 1068.5,-2510.26 801.497,-2510.26"/>
<text text-anchor="middle" x="934.997" y="-2571.06" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="934.997" y="-2556.06" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;track&#45;list&#45;converter.test.js</text>
<polyline fill="none" stroke="black" points="801.497,-2548.26 1068.5,-2548.26 "/>
<text text-anchor="start" x="809.497" y="-2533.06" font-family="Times New Roman,serif" font-size="14.00">+clean : variable = item</text>
<text text-anchor="start" x="809.497" y="-2518.06" font-family="Times New Roman,serif" font-size="14.00">+cleanup : variable = item</text>
</g>
<!-- n39&#45;&gt;n85 -->
<g id="edge138" class="edge"><title>n39&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M801.331,-2538C731.842,-2538 661.25,-2538 661.25,-2538 661.25,-2538 661.25,-2052 661.25,-2052 661.25,-2052 1242.32,-2052 1242.32,-2052 1242.32,-2052 1242.32,-2117 1242.32,-2117 1242.32,-2117 2008.03,-2117 2008.03,-2117"/>
<polygon fill="red" stroke="red" points="2008.03,-2120.5 2018.03,-2117 2008.03,-2113.5 2008.03,-2120.5"/>
<text text-anchor="middle" x="1022.1" y="-2040.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n107 -->
<g id="node102" class="node"><title>n107</title>
<polygon fill="aliceblue" stroke="black" points="718.83,-3064.38 718.83,-3155.38 948.83,-3155.38 948.83,-3064.38 718.83,-3064.38"/>
<text text-anchor="middle" x="833.83" y="-3140.18" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="833.83" y="-3125.18" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/text&#45;track&#45;list&#45;converter.js</text>
<polyline fill="none" stroke="black" points="718.83,-3117.38 948.83,-3117.38 "/>
<text text-anchor="start" x="726.83" y="-3102.18" font-family="Times New Roman,serif" font-size="14.00">&#45;jsonToTextTracks(json, tech)</text>
<text text-anchor="start" x="726.83" y="-3087.18" font-family="Times New Roman,serif" font-size="14.00">&#45;textTracksToJson(tech)</text>
<text text-anchor="start" x="726.83" y="-3072.18" font-family="Times New Roman,serif" font-size="14.00">&#45;trackToJson_(track)</text>
</g>
<!-- n39&#45;&gt;n107 -->
<g id="edge135" class="edge"><title>n39&#45;&gt;n107</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M873.579,-2586.51C873.579,-2648.73 873.579,-2765 873.579,-2765 873.579,-2765 733.354,-2765 733.354,-2765 733.354,-2765 733.354,-3054.09 733.354,-3054.09"/>
<polygon fill="red" stroke="red" points="729.854,-3054.09 733.354,-3064.09 736.854,-3054.09 729.854,-3054.09"/>
<text text-anchor="middle" x="716.168" y="-2768.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n39&#45;&gt;n109 -->
<g id="edge137" class="edge"><title>n39&#45;&gt;n109</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M990.506,-2510.21C990.506,-2507.61 990.506,-2506 990.506,-2506 990.506,-2506 1237.64,-2506 1237.64,-2506 1237.64,-2506 1237.64,-2759 1237.64,-2759 1237.64,-2759 1414.01,-2759 1414.01,-2759"/>
<polygon fill="red" stroke="red" points="1414.01,-2762.5 1424.01,-2759 1414.01,-2755.5 1414.01,-2762.5"/>
<text text-anchor="middle" x="1205.64" y="-2598.82" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n39&#45;&gt;n112 -->
<g id="edge136" class="edge"><title>n39&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1068.55,-2576C1068.55,-2576 1249.93,-2576 1249.93,-2576"/>
<polygon fill="red" stroke="red" points="1249.93,-2579.5 1259.93,-2576 1249.93,-2572.5 1249.93,-2579.5"/>
<text text-anchor="middle" x="1127.24" y="-2579.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n39&#45;&gt;n554 -->
<g id="edge139" class="edge"><title>n39&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M875.635,-2586.26C875.635,-2631.79 875.635,-2702 875.635,-2702 875.635,-2702 1202.98,-2702 1202.98,-2702 1202.98,-2702 1202.98,-2670 1202.98,-2670 1202.98,-2670 1490.93,-2670 1490.93,-2670 1490.93,-2670 1490.93,-2682.02 1490.93,-2682.02"/>
<polygon fill="red" stroke="red" points="1487.43,-2682.02 1490.93,-2692.02 1494.43,-2682.02 1487.43,-2682.02"/>
<text text-anchor="middle" x="1179.43" y="-2690.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n40 -->
<g id="node35" class="node"><title>n40</title>
<polygon fill="aliceblue" stroke="black" points="1009.2,-2714.82 1009.2,-2752.82 1219.2,-2752.82 1219.2,-2714.82 1009.2,-2714.82"/>
<text text-anchor="middle" x="1114.2" y="-2737.62" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1114.2" y="-2722.62" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;track&#45;list.test.js</text>
</g>
<!-- n40&#45;&gt;n67 -->
<g id="edge142" class="edge"><title>n40&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1083.45,-2714.8C1083.45,-2676.79 1083.45,-2595 1083.45,-2595 1083.45,-2595 693.749,-2595 693.749,-2595 693.749,-2595 693.749,-2292 693.749,-2292 693.749,-2292 1072.61,-2292 1072.61,-2292 1072.61,-2292 1072.61,-2258.72 1072.61,-2258.72"/>
<polygon fill="red" stroke="red" points="1076.11,-2258.72 1072.61,-2248.72 1069.11,-2258.72 1076.11,-2258.72"/>
<text text-anchor="middle" x="725.749" y="-2495.98" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n40&#45;&gt;n109 -->
<g id="edge140" class="edge"><title>n40&#45;&gt;n109</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1141.21,-2752.84C1141.21,-2756.91 1141.21,-2760 1141.21,-2760 1141.21,-2760 1414.16,-2760 1414.16,-2760"/>
<polygon fill="red" stroke="red" points="1414.16,-2763.5 1424.16,-2760 1414.16,-2756.5 1414.16,-2763.5"/>
<text text-anchor="middle" x="1306.11" y="-2763.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n40&#45;&gt;n112 -->
<g id="edge141" class="edge"><title>n40&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1087.96,-2714.73C1087.96,-2681.14 1087.96,-2615 1087.96,-2615 1087.96,-2615 1250,-2615 1250,-2615"/>
<polygon fill="red" stroke="red" points="1250,-2618.5 1260,-2615 1250,-2611.5 1250,-2618.5"/>
<text text-anchor="middle" x="1087.12" y="-2603.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n41 -->
<g id="node36" class="node"><title>n41</title>
<polygon fill="aliceblue" stroke="black" points="2364.14,-2762.74 2364.14,-2838.74 2604.14,-2838.74 2604.14,-2762.74 2364.14,-2762.74"/>
<text text-anchor="middle" x="2484.14" y="-2823.54" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2484.14" y="-2808.54" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;track&#45;controls.test.js</text>
<polyline fill="none" stroke="black" points="2364.14,-2800.74 2604.14,-2800.74 "/>
<text text-anchor="start" x="2372.14" y="-2785.54" font-family="Times New Roman,serif" font-size="14.00">+descriptionstrack : object</text>
<text text-anchor="start" x="2372.14" y="-2770.54" font-family="Times New Roman,serif" font-size="14.00">+track : object</text>
</g>
<!-- n41&#45;&gt;n26 -->
<g id="edge144" class="edge"><title>n41&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2590.71,-2838.94C2590.71,-2865.44 2590.71,-2896 2590.71,-2896 2590.71,-2896 3455.12,-2896 3455.12,-2896 3455.12,-2896 3455.12,-3222 3455.12,-3222 3455.12,-3222 1339.19,-3222 1339.19,-3222 1339.19,-3222 1339.19,-3159 1339.19,-3159 1339.19,-3159 998.367,-3159 998.367,-3159 998.367,-3159 998.367,-2705 998.367,-2705 998.367,-2705 1186.77,-2705 1186.77,-2705 1186.77,-2705 1186.77,-2661 1186.77,-2661 1186.77,-2661 1666.24,-2661 1666.24,-2661 1666.24,-2661 1666.24,-2715 1666.24,-2715 1666.24,-2715 1721.72,-2715 1721.72,-2715"/>
<polygon fill="red" stroke="red" points="1721.72,-2718.5 1731.72,-2715 1721.72,-2711.5 1721.72,-2718.5"/>
<text text-anchor="middle" x="2213.3" y="-3210.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n41&#45;&gt;n89 -->
<g id="edge145" class="edge"><title>n41&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2547.92,-2762.26C2547.92,-2741.06 2547.92,-2719 2547.92,-2719 2547.92,-2719 2657.95,-2719 2657.95,-2719 2657.95,-2719 2657.95,-2449 2657.95,-2449 2657.95,-2449 2937.12,-2449 2937.12,-2449 2937.12,-2449 2937.12,-1335 2937.12,-1335 2937.12,-1335 1950.5,-1335 1950.5,-1335 1950.5,-1335 1950.5,-2068 1950.5,-2068 1950.5,-2068 1712.76,-2068 1712.76,-2068 1712.76,-2068 1712.76,-2406.98 1712.76,-2406.98"/>
<polygon fill="red" stroke="red" points="1709.26,-2406.98 1712.76,-2416.98 1716.26,-2406.98 1709.26,-2406.98"/>
<text text-anchor="middle" x="2665.18" y="-1338.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n136 -->
<g id="node131" class="node"><title>n136</title>
<polygon fill="aliceblue" stroke="black" points="1916.15,-3421.04 1916.15,-3459.04 2266.15,-3459.04 2266.15,-3421.04 1916.15,-3421.04"/>
<text text-anchor="middle" x="2091.15" y="-3443.84" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2091.15" y="-3428.84" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/text&#45;track&#45;menu&#45;item.js</text>
</g>
<!-- n41&#45;&gt;n136 -->
<g id="edge143" class="edge"><title>n41&#45;&gt;n136</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2577.28,-2838.9C2577.28,-2866.15 2577.28,-2898 2577.28,-2898 2577.28,-2898 3463.13,-2898 3463.13,-2898 3463.13,-2898 3463.13,-3434 3463.13,-3434 3463.13,-3434 2276.3,-3434 2276.3,-3434"/>
<polygon fill="red" stroke="red" points="2276.3,-3430.5 2266.3,-3434 2276.3,-3437.5 2276.3,-3430.5"/>
<text text-anchor="middle" x="3431.13" y="-3290.74" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n42 -->
<g id="node37" class="node"><title>n42</title>
<polygon fill="aliceblue" stroke="black" points="1063.21,-2782.12 1063.21,-2843.12 1299.21,-2843.12 1299.21,-2782.12 1063.21,-2782.12"/>
<text text-anchor="middle" x="1181.21" y="-2827.92" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1181.21" y="-2812.92" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;track&#45;settings.test.js</text>
<polyline fill="none" stroke="black" points="1063.21,-2805.12 1299.21,-2805.12 "/>
<text text-anchor="start" x="1071.21" y="-2789.92" font-family="Times New Roman,serif" font-size="14.00">+tracks : array</text>
</g>
<!-- n42&#45;&gt;n26 -->
<g id="edge147" class="edge"><title>n42&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1299.23,-2803C1474.24,-2803 1782.17,-2803 1782.17,-2803 1782.17,-2803 1782.17,-2771.21 1782.17,-2771.21"/>
<polygon fill="red" stroke="red" points="1785.67,-2771.21 1782.17,-2761.21 1778.67,-2771.21 1785.67,-2771.21"/>
<text text-anchor="middle" x="1588.6" y="-2806.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n42&#45;&gt;n91 -->
<g id="edge148" class="edge"><title>n42&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1299.37,-2809C1439.14,-2809 1653.07,-2809 1653.07,-2809 1653.07,-2809 1653.07,-2813 1653.07,-2813"/>
<polygon fill="red" stroke="red" points="1649.57,-2813 1653.07,-2823 1656.57,-2813 1649.57,-2813"/>
<text text-anchor="middle" x="1446.22" y="-2797.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n108 -->
<g id="node103" class="node"><title>n108</title>
<polygon fill="aliceblue" stroke="black" points="1346.96,-3243.28 1346.96,-3334.28 1546.96,-3334.28 1546.96,-3243.28 1346.96,-3243.28"/>
<text text-anchor="middle" x="1446.96" y="-3319.08" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1446.96" y="-3304.08" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/text&#45;track&#45;settings.js</text>
<polyline fill="none" stroke="black" points="1346.96,-3296.28 1546.96,-3296.28 "/>
<text text-anchor="start" x="1354.96" y="-3281.08" font-family="Times New Roman,serif" font-size="14.00">&#45;captionOptionsMenuTemplate()</text>
<text text-anchor="start" x="1354.96" y="-3266.08" font-family="Times New Roman,serif" font-size="14.00">&#45;getSelectedOptionValue(target)</text>
<text text-anchor="start" x="1354.96" y="-3251.08" font-family="Times New Roman,serif" font-size="14.00">&#45;setSelectedOption(target, value)</text>
</g>
<!-- n42&#45;&gt;n108 -->
<g id="edge146" class="edge"><title>n42&#45;&gt;n108</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1063.09,-2822C1031.33,-2822 1005.59,-2822 1005.59,-2822 1005.59,-2822 1005.59,-3258 1005.59,-3258 1005.59,-3258 1336.8,-3258 1336.8,-3258"/>
<polygon fill="red" stroke="red" points="1336.8,-3261.5 1346.8,-3258 1336.8,-3254.5 1336.8,-3261.5"/>
<text text-anchor="middle" x="973.588" y="-3180.65" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n42&#45;&gt;n555 -->
<g id="edge150" class="edge"><title>n42&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1299.4,-2813C1404.66,-2813 1542.15,-2813 1542.15,-2813 1542.15,-2813 1542.15,-2874.57 1542.15,-2874.57"/>
<polygon fill="red" stroke="red" points="1538.65,-2874.57 1542.15,-2884.57 1545.65,-2874.57 1538.65,-2874.57"/>
<text text-anchor="middle" x="1483.56" y="-2816.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n5147 -->
<g id="node212" class="node"><title>n5147</title>
<polygon fill="azure" stroke="black" points="1105.47,-3178.04 1105.47,-3216.04 1242.47,-3216.04 1242.47,-3178.04 1105.47,-3178.04"/>
<text text-anchor="middle" x="1173.97" y="-3200.84" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="1173.97" y="-3185.84" font-family="Times New Roman,serif" font-size="14.00">safe&#45;json&#45;parse/tuple</text>
</g>
<!-- n42&#45;&gt;n5147 -->
<g id="edge149" class="edge"><title>n42&#45;&gt;n5147</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1062.94,-2802C1031.83,-2802 1006.79,-2802 1006.79,-2802 1006.79,-2802 1006.79,-3190 1006.79,-3190 1006.79,-3190 1095.01,-3190 1095.01,-3190"/>
<polygon fill="red" stroke="red" points="1095.01,-3193.5 1105.01,-3190 1095.01,-3186.5 1095.01,-3193.5"/>
<text text-anchor="middle" x="1038.79" y="-3015.83" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43 -->
<g id="node38" class="node"><title>n43</title>
<polygon fill="aliceblue" stroke="black" points="2292.12,-2933.06 2292.12,-2971.06 2488.12,-2971.06 2488.12,-2933.06 2292.12,-2933.06"/>
<text text-anchor="middle" x="2390.12" y="-2955.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2390.12" y="-2940.86" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;tracks.test.js</text>
</g>
<!-- n43&#45;&gt;n26 -->
<g id="edge161" class="edge"><title>n43&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2292.04,-2956C2215.33,-2956 2121.59,-2956 2121.59,-2956 2121.59,-2956 2121.59,-2931 2121.59,-2931 2121.59,-2931 1208.51,-2931 1208.51,-2931 1208.51,-2931 1208.51,-2853 1208.51,-2853 1208.51,-2853 1310.57,-2853 1310.57,-2853 1310.57,-2853 1310.57,-2790 1310.57,-2790 1310.57,-2790 1415.79,-2790 1415.79,-2790 1415.79,-2790 1415.79,-2743 1415.79,-2743 1415.79,-2743 1721.59,-2743 1721.59,-2743"/>
<polygon fill="red" stroke="red" points="1721.59,-2746.5 1731.59,-2743 1721.59,-2739.5 1721.59,-2746.5"/>
<text text-anchor="middle" x="1380.23" y="-2919.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43&#45;&gt;n66 -->
<g id="edge159" class="edge"><title>n43&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2335.11,-2971.27C2335.11,-2971.27 2335.11,-3222.83 2335.11,-3222.83"/>
<polygon fill="red" stroke="red" points="2331.61,-3222.83 2335.11,-3232.83 2338.61,-3222.83 2331.61,-3222.83"/>
<text text-anchor="middle" x="2367.11" y="-3100.85" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43&#45;&gt;n85 -->
<g id="edge157" class="edge"><title>n43&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2475.68,-2932.95C2475.68,-2919.18 2475.68,-2903 2475.68,-2903 2475.68,-2903 2925.13,-2903 2925.13,-2903 2925.13,-2903 2925.13,-2252 2925.13,-2252 2925.13,-2252 2408.52,-2252 2408.52,-2252"/>
<polygon fill="red" stroke="red" points="2408.52,-2248.5 2398.52,-2252 2408.52,-2255.5 2408.52,-2248.5"/>
<text text-anchor="middle" x="2957.13" y="-2562.69" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43&#45;&gt;n87 -->
<g id="edge158" class="edge"><title>n43&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2343.19,-2932.6C2343.19,-2901.99 2343.19,-2846 2343.19,-2846 2343.19,-2846 2939.2,-2846 2939.2,-2846 2939.2,-2846 2939.2,-2656 2939.2,-2656 2939.2,-2656 2642.73,-2656 2642.73,-2656 2642.73,-2656 2642.73,-2524 2642.73,-2524 2642.73,-2524 2010.11,-2524 2010.11,-2524"/>
<polygon fill="red" stroke="red" points="2010.11,-2520.5 2000.11,-2524 2010.11,-2527.5 2010.11,-2520.5"/>
<text text-anchor="middle" x="2812.96" y="-2659.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43&#45;&gt;n89 -->
<g id="edge160" class="edge"><title>n43&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2413.45,-2933.05C2413.45,-2921.51 2413.45,-2909 2413.45,-2909 2413.45,-2909 2987.7,-2909 2987.7,-2909 2987.7,-2909 2987.7,-2870 2987.7,-2870 2987.7,-2870 2943.36,-2870 2943.36,-2870 2943.36,-2870 2943.36,-1331 2943.36,-1331 2943.36,-1331 1948.8,-1331 1948.8,-1331 1948.8,-1331 1948.8,-2066 1948.8,-2066 1948.8,-2066 1711.35,-2066 1711.35,-2066 1711.35,-2066 1711.35,-2407.14 1711.35,-2407.14"/>
<polygon fill="red" stroke="red" points="1707.85,-2407.14 1711.35,-2417.14 1714.85,-2407.14 1707.85,-2407.14"/>
<text text-anchor="middle" x="2867.6" y="-1334.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n110 -->
<g id="node105" class="node"><title>n110</title>
<polygon fill="aliceblue" stroke="black" points="1601.84,-3256.79 1601.84,-3385.79 1798.84,-3385.79 1798.84,-3256.79 1601.84,-3256.79"/>
<text text-anchor="middle" x="1700.34" y="-3370.59" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1700.34" y="-3355.59" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/text&#45;track&#45;display.js</text>
<polyline fill="none" stroke="black" points="1601.84,-3347.79 1798.84,-3347.79 "/>
<text text-anchor="start" x="1609.84" y="-3332.59" font-family="Times New Roman,serif" font-size="14.00">+darkGray : string = 222</text>
<text text-anchor="start" x="1609.84" y="-3317.59" font-family="Times New Roman,serif" font-size="14.00">+fontMap : object</text>
<text text-anchor="start" x="1609.84" y="-3302.59" font-family="Times New Roman,serif" font-size="14.00">+lightGray : string = ccc</text>
<polyline fill="none" stroke="black" points="1601.84,-3294.79 1798.84,-3294.79 "/>
<text text-anchor="start" x="1609.84" y="-3279.59" font-family="Times New Roman,serif" font-size="14.00">&#45;constructColor(color, opacity)</text>
<text text-anchor="start" x="1609.84" y="-3264.59" font-family="Times New Roman,serif" font-size="14.00">&#45;tryUpdateStyle(el, style, rule)</text>
</g>
<!-- n43&#45;&gt;n110 -->
<g id="edge156" class="edge"><title>n43&#45;&gt;n110</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2292.07,-2958C2143.09,-2958 1876.86,-2958 1876.86,-2958 1876.86,-2958 1876.86,-3117 1876.86,-3117 1876.86,-3117 1795.36,-3117 1795.36,-3117 1795.36,-3117 1795.36,-3246.65 1795.36,-3246.65"/>
<polygon fill="red" stroke="red" points="1791.86,-3246.65 1795.36,-3256.65 1798.86,-3246.65 1791.86,-3246.65"/>
<text text-anchor="middle" x="1931.39" y="-2961.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43&#45;&gt;n112 -->
<g id="edge155" class="edge"><title>n43&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2401,-2932.83C2401,-2925.56 2401,-2919 2401,-2919 2401,-2919 3467.13,-2919 3467.13,-2919 3467.13,-2919 3467.13,-3157 3467.13,-3157 3467.13,-3157 3933.07,-3157 3933.07,-3157 3933.07,-3157 3933.07,-3224 3933.07,-3224 3933.07,-3224 494.201,-3224 494.201,-3224 494.201,-3224 494.201,-2611 494.201,-2611 494.201,-2611 1249.87,-2611 1249.87,-2611"/>
<polygon fill="red" stroke="red" points="1249.87,-2614.5 1259.87,-2611 1249.87,-2607.5 1249.87,-2614.5"/>
<text text-anchor="middle" x="2486.75" y="-3212.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130 -->
<g id="node125" class="node"><title>n130</title>
<polygon fill="aliceblue" stroke="black" points="2340.56,-3138.44 2340.56,-3214.44 2663.56,-3214.44 2663.56,-3138.44 2340.56,-3138.44"/>
<text text-anchor="middle" x="2502.06" y="-3199.24" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2502.06" y="-3184.24" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/chapters&#45;button.js</text>
<polyline fill="none" stroke="black" points="2340.56,-3176.44 2663.56,-3176.44 "/>
<text text-anchor="start" x="2348.56" y="-3161.24" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Chapters</text>
<text text-anchor="start" x="2348.56" y="-3146.24" font-family="Times New Roman,serif" font-size="14.00">+kind_ : string = chapters</text>
</g>
<!-- n43&#45;&gt;n130 -->
<g id="edge151" class="edge"><title>n43&#45;&gt;n130</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2408.76,-2971.19C2408.76,-2971.19 2408.76,-3128.11 2408.76,-3128.11"/>
<polygon fill="red" stroke="red" points="2405.26,-3128.11 2408.76,-3138.11 2412.26,-3128.11 2405.26,-3128.11"/>
<text text-anchor="middle" x="2376.76" y="-3053.45" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n131 -->
<g id="node126" class="node"><title>n131</title>
<polygon fill="aliceblue" stroke="black" points="2694.41,-3459.52 2694.41,-3535.52 3017.41,-3535.52 3017.41,-3459.52 2694.41,-3459.52"/>
<text text-anchor="middle" x="2855.91" y="-3520.32" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2855.91" y="-3505.32" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/captions&#45;button.js</text>
<polyline fill="none" stroke="black" points="2694.41,-3497.52 3017.41,-3497.52 "/>
<text text-anchor="start" x="2702.41" y="-3482.32" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Captions</text>
<text text-anchor="start" x="2702.41" y="-3467.32" font-family="Times New Roman,serif" font-size="14.00">+kind_ : string = captions</text>
</g>
<!-- n43&#45;&gt;n131 -->
<g id="edge154" class="edge"><title>n43&#45;&gt;n131</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2463.23,-2932.97C2463.23,-2922.65 2463.23,-2912 2463.23,-2912 2463.23,-2912 3465.13,-2912 3465.13,-2912 3465.13,-2912 3465.13,-3436 3465.13,-3436 3465.13,-3436 3192.98,-3436 3192.98,-3436 3192.98,-3436 3192.98,-3468 3192.98,-3468 3192.98,-3468 3027.54,-3468 3027.54,-3468"/>
<polygon fill="red" stroke="red" points="3027.54,-3464.5 3017.54,-3468 3027.54,-3471.5 3027.54,-3464.5"/>
<text text-anchor="middle" x="3418.49" y="-2915.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n133 -->
<g id="node128" class="node"><title>n133</title>
<polygon fill="aliceblue" stroke="black" points="3089.17,-2986.93 3089.17,-3062.93 3433.17,-3062.93 3433.17,-2986.93 3089.17,-2986.93"/>
<text text-anchor="middle" x="3261.17" y="-3047.73" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3261.17" y="-3032.73" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/descriptions&#45;button.js</text>
<polyline fill="none" stroke="black" points="3089.17,-3024.93 3433.17,-3024.93 "/>
<text text-anchor="start" x="3097.17" y="-3009.73" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Descriptions</text>
<text text-anchor="start" x="3097.17" y="-2994.73" font-family="Times New Roman,serif" font-size="14.00">+kind_ : string = descriptions</text>
</g>
<!-- n43&#45;&gt;n133 -->
<g id="edge152" class="edge"><title>n43&#45;&gt;n133</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2450.79,-2932.85C2450.79,-2926.96 2450.79,-2922 2450.79,-2922 2450.79,-2922 3136.67,-2922 3136.67,-2922 3136.67,-2922 3136.67,-2976.9 3136.67,-2976.9"/>
<polygon fill="red" stroke="red" points="3133.17,-2976.9 3136.67,-2986.9 3140.17,-2976.9 3133.17,-2976.9"/>
<text text-anchor="middle" x="2783.75" y="-2910.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n138 -->
<g id="node133" class="node"><title>n138</title>
<polygon fill="aliceblue" stroke="black" points="3044.54,-3238.54 3044.54,-3314.54 3366.54,-3314.54 3366.54,-3238.54 3044.54,-3238.54"/>
<text text-anchor="middle" x="3205.54" y="-3299.34" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3205.54" y="-3284.34" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/subtitles&#45;button.js</text>
<polyline fill="none" stroke="black" points="3044.54,-3276.54 3366.54,-3276.54 "/>
<text text-anchor="start" x="3052.54" y="-3261.34" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Subtitles</text>
<text text-anchor="start" x="3052.54" y="-3246.34" font-family="Times New Roman,serif" font-size="14.00">+kind_ : string = subtitles</text>
</g>
<!-- n43&#45;&gt;n138 -->
<g id="edge153" class="edge"><title>n43&#45;&gt;n138</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2438.34,-2932.76C2438.34,-2924.19 2438.34,-2916 2438.34,-2916 2438.34,-2916 3457.12,-2916 3457.12,-2916 3457.12,-2916 3457.12,-3269 3457.12,-3269 3457.12,-3269 3376.65,-3269 3376.65,-3269"/>
<polygon fill="red" stroke="red" points="3376.65,-3265.5 3366.65,-3269 3376.65,-3272.5 3376.65,-3265.5"/>
<text text-anchor="middle" x="3124.09" y="-2919.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n43&#45;&gt;n554 -->
<g id="edge162" class="edge"><title>n43&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2425.9,-2933.04C2425.9,-2925.24 2425.9,-2918 2425.9,-2918 2425.9,-2918 3471.13,-2918 3471.13,-2918 3471.13,-2918 3471.13,-3199 3471.13,-3199 3471.13,-3199 3524.88,-3199 3524.88,-3199 3524.88,-3199 3524.88,-3223 3524.88,-3223 3524.88,-3223 698.791,-3223 698.791,-3223 698.791,-3223 698.791,-2771 698.791,-2771 698.791,-2771 1388.05,-2771 1388.05,-2771 1388.05,-2771 1388.05,-2721 1388.05,-2721 1388.05,-2721 1463.75,-2721 1463.75,-2721"/>
<polygon fill="red" stroke="red" points="1463.75,-2724.5 1473.75,-2721 1463.75,-2717.5 1463.75,-2724.5"/>
<text text-anchor="middle" x="2155.87" y="-3211.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44 -->
<g id="node39" class="node"><title>n44</title>
<polygon fill="aliceblue" stroke="black" points="1294.64,-2435.59 1294.64,-2519.59 1484.64,-2519.59 1484.64,-2435.59 1294.64,-2435.59"/>
<text text-anchor="middle" x="1389.64" y="-2504.39" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1389.64" y="-2489.39" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;track.test.js</text>
<polyline fill="none" stroke="black" points="1294.64,-2481.59 1484.64,-2481.59 "/>
<text text-anchor="start" x="1302.64" y="-2466.39" font-family="Times New Roman,serif" font-size="14.00">+defaultTech : object</text>
<polyline fill="none" stroke="black" points="1294.64,-2458.59 1484.64,-2458.59 "/>
<text text-anchor="start" x="1302.64" y="-2443.39" font-family="Times New Roman,serif" font-size="14.00">&#45;proxyquire(require)</text>
</g>
<!-- n44&#45;&gt;n31 -->
<g id="edge166" class="edge"><title>n44&#45;&gt;n31</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1470.71,-2435.4C1470.71,-2399.6 1470.71,-2354 1470.71,-2354 1470.71,-2354 1512.47,-2354 1512.47,-2354 1512.47,-2354 1512.47,-2134 1512.47,-2134 1512.47,-2134 1848.55,-2134 1848.55,-2134 1848.55,-2134 1848.55,-1735.54 1848.55,-1735.54"/>
<polygon fill="red" stroke="red" points="1852.05,-1735.54 1848.55,-1725.54 1845.05,-1735.54 1852.05,-1735.54"/>
<text text-anchor="middle" x="1676.16" y="-2137.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44&#45;&gt;n47 -->
<g id="edge165" class="edge"><title>n44&#45;&gt;n47</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1456.77,-2435.49C1456.77,-2397.98 1456.77,-2349 1456.77,-2349 1456.77,-2349 1507.93,-2349 1507.93,-2349 1507.93,-2349 1507.93,-1982.17 1507.93,-1982.17"/>
<polygon fill="red" stroke="red" points="1511.43,-1982.17 1507.93,-1972.17 1504.43,-1982.17 1511.43,-1982.17"/>
<text text-anchor="middle" x="1507.93" y="-2223.21" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44&#45;&gt;n26 -->
<g id="edge168" class="edge"><title>n44&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1447.03,-2519.6C1447.03,-2591.86 1447.03,-2732 1447.03,-2732 1447.03,-2732 1721.85,-2732 1721.85,-2732"/>
<polygon fill="red" stroke="red" points="1721.85,-2735.5 1731.85,-2732 1721.85,-2728.5 1721.85,-2735.5"/>
<text text-anchor="middle" x="1446.24" y="-2720.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44&#45;&gt;n67 -->
<g id="edge164" class="edge"><title>n44&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1294.33,-2478C1209.43,-2478 1098.56,-2478 1098.56,-2478 1098.56,-2478 1098.56,-2258.59 1098.56,-2258.59"/>
<polygon fill="red" stroke="red" points="1102.06,-2258.59 1098.56,-2248.59 1095.06,-2258.59 1102.06,-2258.59"/>
<text text-anchor="middle" x="1066.56" y="-2469.98" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44&#45;&gt;n95 -->
<g id="edge169" class="edge"><title>n44&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1294.4,-2514C1270.46,-2514 1251.42,-2514 1251.42,-2514 1251.42,-2514 1251.42,-2667 1251.42,-2667 1251.42,-2667 1619.67,-2667 1619.67,-2667 1619.67,-2667 1619.67,-2939.51 1619.67,-2939.51"/>
<polygon fill="red" stroke="red" points="1616.17,-2939.51 1619.67,-2949.51 1623.17,-2939.51 1616.17,-2939.51"/>
<text text-anchor="middle" x="1505.82" y="-2670.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44&#45;&gt;n112 -->
<g id="edge167" class="edge"><title>n44&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1324.72,-2519.6C1324.72,-2519.6 1324.72,-2528.88 1324.72,-2528.88"/>
<polygon fill="red" stroke="red" points="1321.22,-2528.88 1324.72,-2538.88 1328.22,-2528.88 1321.22,-2528.88"/>
<text text-anchor="middle" x="1292.72" y="-2528.04" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n44&#45;&gt;n555 -->
<g id="edge163" class="edge"><title>n44&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1449.02,-2519.86C1449.02,-2596.37 1449.02,-2750 1449.02,-2750 1449.02,-2750 1605.41,-2750 1605.41,-2750 1605.41,-2750 1605.41,-2874.66 1605.41,-2874.66"/>
<polygon fill="red" stroke="red" points="1601.91,-2874.66 1605.41,-2884.66 1608.91,-2874.66 1601.91,-2874.66"/>
<text text-anchor="middle" x="1442.47" y="-2753.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n5691 -->
<g id="node180" class="node"><title>n5691</title>
<polygon fill="azure" stroke="black" points="747.145,-2314.25 747.145,-2352.25 884.145,-2352.25 884.145,-2314.25 747.145,-2314.25"/>
<text text-anchor="middle" x="815.645" y="-2337.05" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="815.645" y="-2322.05" font-family="Times New Roman,serif" font-size="14.00">proxyquireify</text>
</g>
<!-- n44&#45;&gt;n5691 -->
<g id="edge170" class="edge"><title>n44&#45;&gt;n5691</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1294.36,-2480C1152.67,-2480 902.962,-2480 902.962,-2480 902.962,-2480 902.962,-2339 902.962,-2339 902.962,-2339 894.444,-2339 894.444,-2339"/>
<polygon fill="red" stroke="red" points="894.444,-2335.5 884.444,-2339 894.444,-2342.5 894.444,-2335.5"/>
<text text-anchor="middle" x="991.9" y="-2468.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n45 -->
<g id="node40" class="node"><title>n45</title>
<polygon fill="aliceblue" stroke="black" points="1056.29,-1799.65 1056.29,-1875.65 1316.29,-1875.65 1316.29,-1799.65 1056.29,-1799.65"/>
<text text-anchor="middle" x="1186.29" y="-1860.45" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1186.29" y="-1845.45" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/html&#45;track&#45;element&#45;list.test.js</text>
<polyline fill="none" stroke="black" points="1056.29,-1837.65 1316.29,-1837.65 "/>
<text text-anchor="start" x="1064.29" y="-1822.45" font-family="Times New Roman,serif" font-size="14.00">+defaultTech : object</text>
<text text-anchor="start" x="1064.29" y="-1807.45" font-family="Times New Roman,serif" font-size="14.00">+genericHtmlTrackElements : array</text>
</g>
<!-- n45&#45;&gt;n104 -->
<g id="edge171" class="edge"><title>n45&#45;&gt;n104</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1055.85,-1852C1025.61,-1852 1002.07,-1852 1002.07,-1852 1002.07,-1852 1002.07,-2051.62 1002.07,-2051.62"/>
<polygon fill="red" stroke="red" points="998.572,-2051.62 1002.07,-2061.62 1005.57,-2051.62 998.572,-2051.62"/>
<text text-anchor="middle" x="970.072" y="-1928.72" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n105 -->
<g id="node100" class="node"><title>n105</title>
<polygon fill="aliceblue" stroke="black" points="1067.21,-1919.83 1067.21,-1957.83 1291.21,-1957.83 1291.21,-1919.83 1067.21,-1919.83"/>
<text text-anchor="middle" x="1179.21" y="-1942.63" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1179.21" y="-1927.63" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/html&#45;track&#45;element&#45;list.js</text>
</g>
<!-- n45&#45;&gt;n105 -->
<g id="edge172" class="edge"><title>n45&#45;&gt;n105</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1179.21,-1875.91C1179.21,-1875.91 1179.21,-1909.8 1179.21,-1909.8"/>
<polygon fill="red" stroke="red" points="1175.71,-1909.8 1179.21,-1919.8 1182.71,-1909.8 1175.71,-1909.8"/>
<text text-anchor="middle" x="1147.21" y="-1896.65" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n45&#45;&gt;n112 -->
<g id="edge173" class="edge"><title>n45&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1056.15,-1820C905.291,-1820 677.104,-1820 677.104,-1820 677.104,-1820 677.104,-2592 677.104,-2592 677.104,-2592 1250.04,-2592 1250.04,-2592"/>
<polygon fill="red" stroke="red" points="1250.04,-2595.5 1260.04,-2592 1250.04,-2588.5 1250.04,-2595.5"/>
<text text-anchor="middle" x="645.104" y="-2306.74" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n46 -->
<g id="node41" class="node"><title>n46</title>
<polygon fill="aliceblue" stroke="black" points="1620.42,-1535.21 1620.42,-1596.21 1785.42,-1596.21 1785.42,-1535.21 1620.42,-1535.21"/>
<text text-anchor="middle" x="1702.92" y="-1581.01" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1702.92" y="-1566.01" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/track.test.js</text>
<polyline fill="none" stroke="black" points="1620.42,-1558.21 1785.42,-1558.21 "/>
<text text-anchor="start" x="1628.42" y="-1543.01" font-family="Times New Roman,serif" font-size="14.00">+defaultTech : object</text>
</g>
<!-- n46&#45;&gt;n31 -->
<g id="edge174" class="edge"><title>n46&#45;&gt;n31</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1781.65,-1596.23C1781.65,-1596.23 1781.65,-1677.12 1781.65,-1677.12"/>
<polygon fill="red" stroke="red" points="1778.15,-1677.12 1781.65,-1687.12 1785.15,-1677.12 1778.15,-1677.12"/>
<text text-anchor="middle" x="1749.65" y="-1640.47" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n46&#45;&gt;n47 -->
<g id="edge175" class="edge"><title>n46&#45;&gt;n47</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1765.88,-1596.36C1765.88,-1682.07 1765.88,-1918 1765.88,-1918 1765.88,-1918 1561.69,-1918 1561.69,-1918"/>
<polygon fill="red" stroke="red" points="1561.69,-1914.5 1551.69,-1918 1561.69,-1921.5 1561.69,-1914.5"/>
<text text-anchor="middle" x="1733.88" y="-1848.07" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n46&#45;&gt;n89 -->
<g id="edge177" class="edge"><title>n46&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1620.22,-1572C1593.74,-1572 1571.15,-1572 1571.15,-1572 1571.15,-1572 1571.15,-1986 1571.15,-1986 1571.15,-1986 1526.09,-1986 1526.09,-1986 1526.09,-1986 1526.09,-2407.04 1526.09,-2407.04"/>
<polygon fill="red" stroke="red" points="1522.59,-2407.04 1526.09,-2417.04 1529.59,-2407.04 1522.59,-2407.04"/>
<text text-anchor="middle" x="1537.63" y="-1989.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n115 -->
<g id="node159" class="node"><title>n115</title>
<polygon fill="aliceblue" stroke="black" points="1611.62,-2017.25 1611.62,-2055.25 1739.62,-2055.25 1739.62,-2017.25 1611.62,-2017.25"/>
<text text-anchor="middle" x="1675.62" y="-2040.05" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1675.62" y="-2025.05" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/track.js</text>
</g>
<!-- n46&#45;&gt;n115 -->
<g id="edge176" class="edge"><title>n46&#45;&gt;n115</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1755.53,-1596.35C1755.53,-1683.23 1755.53,-1925 1755.53,-1925 1755.53,-1925 1634.69,-1925 1634.69,-1925 1634.69,-1925 1634.69,-2007.12 1634.69,-2007.12"/>
<polygon fill="red" stroke="red" points="1631.19,-2007.12 1634.69,-2017.12 1638.19,-2007.12 1631.19,-2007.12"/>
<text text-anchor="middle" x="1787.53" y="-1865.95" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n47&#45;&gt;n89 -->
<g id="edge178" class="edge"><title>n47&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1521.55,-1972.05C1521.55,-1972.05 1521.55,-2406.98 1521.55,-2406.98"/>
<polygon fill="red" stroke="red" points="1518.05,-2406.98 1521.55,-2416.98 1525.05,-2406.98 1518.05,-2406.98"/>
<text text-anchor="middle" x="1553.55" y="-2193.31" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n47&#45;&gt;n554 -->
<g id="edge179" class="edge"><title>n47&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1329.38,-1967C1118.32,-1967 680.803,-1967 680.803,-1967 680.803,-1967 680.803,-2502 680.803,-2502 680.803,-2502 1242.81,-2502 1242.81,-2502 1242.81,-2502 1242.81,-2652 1242.81,-2652 1242.81,-2652 1508.06,-2652 1508.06,-2652 1508.06,-2652 1508.06,-2682.11 1508.06,-2682.11"/>
<polygon fill="red" stroke="red" points="1504.56,-2682.11 1508.06,-2692.11 1511.56,-2682.11 1504.56,-2682.11"/>
<text text-anchor="middle" x="712.803" y="-2417.69" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n48 -->
<g id="node43" class="node"><title>n48</title>
<polygon fill="aliceblue" stroke="black" points="1355.59,-1530.22 1355.59,-1591.22 1540.59,-1591.22 1540.59,-1530.22 1355.59,-1530.22"/>
<text text-anchor="middle" x="1448.09" y="-1576.02" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1448.09" y="-1561.02" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/track&#45;list.test.js</text>
<polyline fill="none" stroke="black" points="1355.59,-1553.22 1540.59,-1553.22 "/>
<text text-anchor="start" x="1363.59" y="-1538.02" font-family="Times New Roman,serif" font-size="14.00">&#45;newTrack(id)</text>
</g>
<!-- n48&#45;&gt;n67 -->
<g id="edge181" class="edge"><title>n48&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1355.53,-1586C1336.94,-1586 1322.99,-1586 1322.99,-1586 1322.99,-1586 1322.99,-2060 1322.99,-2060 1322.99,-2060 1247.79,-2060 1247.79,-2060"/>
<polygon fill="red" stroke="red" points="1247.79,-2056.5 1237.79,-2060 1247.79,-2063.5 1247.79,-2056.5"/>
<text text-anchor="middle" x="1354.99" y="-1848.13" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n116 -->
<g id="node111" class="node"><title>n116</title>
<polygon fill="aliceblue" stroke="black" points="1529.11,-2209.29 1529.11,-2308.29 1707.11,-2308.29 1707.11,-2209.29 1529.11,-2209.29"/>
<text text-anchor="middle" x="1618.11" y="-2293.09" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1618.11" y="-2278.09" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/track&#45;list.js</text>
<polyline fill="none" stroke="black" points="1529.11,-2270.29 1707.11,-2270.29 "/>
<text text-anchor="start" x="1537.11" y="-2255.09" font-family="Times New Roman,serif" font-size="14.00">+ : null</text>
<text text-anchor="start" x="1537.11" y="-2240.09" font-family="Times New Roman,serif" font-size="14.00">+event : variable = undefined</text>
<polyline fill="none" stroke="black" points="1529.11,-2232.29 1707.11,-2232.29 "/>
<text text-anchor="start" x="1537.11" y="-2217.09" font-family="Times New Roman,serif" font-size="14.00">&#45;allowedEvents_()</text>
</g>
<!-- n48&#45;&gt;n116 -->
<g id="edge180" class="edge"><title>n48&#45;&gt;n116</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1540.62,-1553C1559.21,-1553 1573.16,-1553 1573.16,-1553 1573.16,-1553 1573.16,-2199.16 1573.16,-2199.16"/>
<polygon fill="red" stroke="red" points="1569.66,-2199.16 1573.16,-2209.16 1576.66,-2199.16 1569.66,-2199.16"/>
<text text-anchor="middle" x="1605.16" y="-1848.61" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n49 -->
<g id="node44" class="node"><title>n49</title>
<polygon fill="aliceblue" stroke="black" points="1075.24,-1649.11 1075.24,-1687.11 1275.24,-1687.11 1275.24,-1649.11 1075.24,-1649.11"/>
<text text-anchor="middle" x="1175.24" y="-1671.91" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1175.24" y="-1656.91" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/video&#45;track.test.js</text>
</g>
<!-- n49&#45;&gt;n47 -->
<g id="edge185" class="edge"><title>n49&#45;&gt;n47</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1275.43,-1683C1307.5,-1683 1334.87,-1683 1334.87,-1683 1334.87,-1683 1334.87,-1900.87 1334.87,-1900.87"/>
<polygon fill="red" stroke="red" points="1331.37,-1900.87 1334.87,-1910.87 1338.37,-1900.87 1331.37,-1900.87"/>
<text text-anchor="middle" x="1302.87" y="-1766.01" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n49&#45;&gt;n111 -->
<g id="edge184" class="edge"><title>n49&#45;&gt;n111</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1275.27,-1682C1275.27,-1682 1390.01,-1682 1390.01,-1682"/>
<polygon fill="red" stroke="red" points="1390.01,-1685.5 1400.01,-1682 1390.01,-1678.5 1390.01,-1685.5"/>
<text text-anchor="middle" x="1372.64" y="-1670.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [VideoTrackKind]»</text>
</g>
<!-- n49&#45;&gt;n113 -->
<g id="edge183" class="edge"><title>n49&#45;&gt;n113</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1275.53,-1685C1300.17,-1685 1319.64,-1685 1319.64,-1685 1319.64,-1685 1319.64,-1963 1319.64,-1963 1319.64,-1963 1256.17,-1963 1256.17,-1963 1256.17,-1963 1256.17,-2306.44 1256.17,-2306.44"/>
<polygon fill="red" stroke="red" points="1252.67,-2306.44 1256.17,-2316.44 1259.67,-2306.44 1252.67,-2306.44"/>
<text text-anchor="middle" x="1245.24" y="-1966.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n49&#45;&gt;n114 -->
<g id="edge182" class="edge"><title>n49&#45;&gt;n114</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1275.34,-1663C1399.29,-1663 1594.26,-1663 1594.26,-1663 1594.26,-1663 1594.26,-1862.41 1594.26,-1862.41"/>
<polygon fill="red" stroke="red" points="1590.76,-1862.41 1594.26,-1872.41 1597.76,-1862.41 1590.76,-1862.41"/>
<text text-anchor="middle" x="1502.5" y="-1666.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50 -->
<g id="node45" class="node"><title>n50</title>
<polygon fill="aliceblue" stroke="black" points="2323.18,-2640.38 2323.18,-2678.38 2529.18,-2678.38 2529.18,-2640.38 2323.18,-2640.38"/>
<text text-anchor="middle" x="2426.18" y="-2663.18" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2426.18" y="-2648.18" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/video&#45;tracks.test.js</text>
</g>
<!-- n50&#45;&gt;n26 -->
<g id="edge191" class="edge"><title>n50&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2402.47,-2640.14C2402.47,-2539.78 2402.47,-2081 2402.47,-2081 2402.47,-2081 1265.39,-2081 1265.39,-2081 1265.39,-2081 1265.39,-2279 1265.39,-2279 1265.39,-2279 453.127,-2279 453.127,-2279 453.127,-2279 453.127,-2762 453.127,-2762 453.127,-2762 1405.12,-2762 1405.12,-2762 1405.12,-2762 1405.12,-2741 1405.12,-2741 1405.12,-2741 1721.94,-2741 1721.94,-2741"/>
<polygon fill="red" stroke="red" points="1721.94,-2744.5 1731.94,-2741 1721.94,-2737.5 1721.94,-2744.5"/>
<text text-anchor="middle" x="887.96" y="-2282.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50&#45;&gt;n66 -->
<g id="edge189" class="edge"><title>n50&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2360.05,-2678.71C2360.05,-2725.3 2360.05,-2840 2360.05,-2840 2360.05,-2840 2695.68,-2840 2695.68,-2840 2695.68,-2840 2695.68,-2992 2695.68,-2992 2695.68,-2992 2621.5,-2992 2621.5,-2992 2621.5,-2992 2621.5,-3110 2621.5,-3110 2621.5,-3110 2671.58,-3110 2671.58,-3110 2671.58,-3110 2671.58,-3306 2671.58,-3306 2671.58,-3306 2455.82,-3306 2455.82,-3306 2455.82,-3306 2455.82,-3254 2455.82,-3254 2455.82,-3254 2429.7,-3254 2429.7,-3254"/>
<polygon fill="red" stroke="red" points="2429.7,-3250.5 2419.7,-3254 2429.7,-3257.5 2429.7,-3250.5"/>
<text text-anchor="middle" x="2622.07" y="-2995.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50&#45;&gt;n85 -->
<g id="edge187" class="edge"><title>n50&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2373.26,-2640.09C2373.26,-2640.09 2373.26,-2525.09 2373.26,-2525.09"/>
<polygon fill="red" stroke="red" points="2376.76,-2525.09 2373.26,-2515.09 2369.76,-2525.09 2376.76,-2525.09"/>
<text text-anchor="middle" x="2341.26" y="-2586.39" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50&#45;&gt;n87 -->
<g id="edge188" class="edge"><title>n50&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2348.22,-2640.31C2348.22,-2604.77 2348.22,-2532 2348.22,-2532 2348.22,-2532 2010.18,-2532 2010.18,-2532"/>
<polygon fill="red" stroke="red" points="2010.18,-2528.5 2000.18,-2532 2010.18,-2535.5 2010.18,-2528.5"/>
<text text-anchor="middle" x="2201.36" y="-2520.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50&#45;&gt;n89 -->
<g id="edge190" class="edge"><title>n50&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2399.69,-2640.23C2399.69,-2540.4 2399.69,-2084 2399.69,-2084 2399.69,-2084 1716.99,-2084 1716.99,-2084 1716.99,-2084 1716.99,-2407.03 1716.99,-2407.03"/>
<polygon fill="red" stroke="red" points="1713.49,-2407.03 1716.99,-2417.03 1720.49,-2407.03 1713.49,-2407.03"/>
<text text-anchor="middle" x="2142.94" y="-2072.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50&#45;&gt;n114 -->
<g id="edge186" class="edge"><title>n50&#45;&gt;n114</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2529.22,-2671C2667.8,-2671 2897.06,-2671 2897.06,-2671 2897.06,-2671 2897.06,-2157 2897.06,-2157 2897.06,-2157 2950.58,-2157 2950.58,-2157 2950.58,-2157 2950.58,-1327 2950.58,-1327 2950.58,-1327 1947.09,-1327 1947.09,-1327 1947.09,-1327 1947.09,-1881 1947.09,-1881 1947.09,-1881 1755.3,-1881 1755.3,-1881"/>
<polygon fill="red" stroke="red" points="1755.3,-1877.5 1745.3,-1881 1755.3,-1884.5 1755.3,-1877.5"/>
<text text-anchor="middle" x="2982.58" y="-1338.84" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n50&#45;&gt;n554 -->
<g id="edge192" class="edge"><title>n50&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2403.85,-2640.03C2403.85,-2531.28 2403.85,-2001 2403.85,-2001 2403.85,-2001 2366.46,-2001 2366.46,-2001 2366.46,-2001 2366.46,-2079 2366.46,-2079 2366.46,-2079 1596.4,-2079 1596.4,-2079 1596.4,-2079 1596.4,-2030 1596.4,-2030 1596.4,-2030 394.464,-2030 394.464,-2030 394.464,-2030 394.464,-2767 394.464,-2767 394.464,-2767 1385.91,-2767 1385.91,-2767 1385.91,-2767 1385.91,-2723 1385.91,-2723 1385.91,-2723 1463.71,-2723 1463.71,-2723"/>
<polygon fill="red" stroke="red" points="1463.71,-2726.5 1473.71,-2723 1463.71,-2719.5 1463.71,-2726.5"/>
<text text-anchor="middle" x="825.052" y="-2033.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n51 -->
<g id="node46" class="node"><title>n51</title>
<polygon fill="aliceblue" stroke="black" points="870.559,-1733.43 870.559,-1771.43 1091.56,-1771.43 1091.56,-1733.43 870.559,-1733.43"/>
<text text-anchor="middle" x="981.059" y="-1756.23" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="981.059" y="-1741.23" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/video&#45;track&#45;list.test.js</text>
</g>
<!-- n51&#45;&gt;n67 -->
<g id="edge195" class="edge"><title>n51&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1048.64,-1771.54C1048.64,-1845.4 1048.64,-2108 1048.64,-2108 1048.64,-2108 1048.84,-2108 1048.84,-2108"/>
<polygon fill="red" stroke="red" points="1040.64,-2111.5 1050.64,-2108 1040.64,-2104.5 1040.64,-2111.5"/>
<text text-anchor="middle" x="1016.64" y="-1943.67" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n51&#45;&gt;n113 -->
<g id="edge193" class="edge"><title>n51&#45;&gt;n113</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1044.51,-1771.57C1044.51,-1870.36 1044.51,-2318 1044.51,-2318 1044.51,-2318 1094.01,-2318 1094.01,-2318"/>
<polygon fill="red" stroke="red" points="1094.01,-2321.5 1104.01,-2318 1094.01,-2314.5 1094.01,-2321.5"/>
<text text-anchor="middle" x="1012.51" y="-2058.33" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n51&#45;&gt;n114 -->
<g id="edge194" class="edge"><title>n51&#45;&gt;n114</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M981.884,-1771.72C981.884,-1811.72 981.884,-1900 981.884,-1900 981.884,-1900 1571,-1900 1571,-1900"/>
<polygon fill="red" stroke="red" points="1571,-1903.5 1581,-1900 1571,-1896.5 1571,-1903.5"/>
<text text-anchor="middle" x="1244.3" y="-1903.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n52 -->
<g id="node47" class="node"><title>n52</title>
<polygon fill="aliceblue" stroke="black" points="1622.52,-3102.74 1622.52,-3140.74 1774.52,-3140.74 1774.52,-3102.74 1622.52,-3102.74"/>
<text text-anchor="middle" x="1698.52" y="-3125.54" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1698.52" y="-3110.54" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/dom.test.js</text>
</g>
<!-- n52&#45;&gt;n26 -->
<g id="edge198" class="edge"><title>n52&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1661.69,-3102.61C1661.69,-3053.36 1661.69,-2926 1661.69,-2926 1661.69,-2926 1622.7,-2926 1622.7,-2926 1622.7,-2926 1622.7,-2697 1622.7,-2697 1622.7,-2697 1782.94,-2697 1782.94,-2697 1782.94,-2697 1782.94,-2697.26 1782.94,-2697.26"/>
<polygon fill="red" stroke="red" points="1779.44,-2689.62 1782.94,-2699.62 1786.44,-2689.62 1779.44,-2689.62"/>
<text text-anchor="middle" x="1590.7" y="-2842.85" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n52&#45;&gt;n92 -->
<g id="edge197" class="edge"><title>n52&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1774.74,-3106C1774.74,-3106 2159.16,-3106 2159.16,-3106"/>
<polygon fill="red" stroke="red" points="2159.16,-3109.5 2169.16,-3106 2159.16,-3102.5 2159.16,-3109.5"/>
<text text-anchor="middle" x="1934.95" y="-3094.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n52&#45;&gt;n554 -->
<g id="edge196" class="edge"><title>n52&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1622.42,-3109C1554.63,-3109 1466.1,-3109 1466.1,-3109 1466.1,-3109 1466.1,-2864 1466.1,-2864 1466.1,-2864 1604.07,-2864 1604.07,-2864 1604.07,-2864 1604.07,-2740.2 1604.07,-2740.2"/>
<polygon fill="red" stroke="red" points="1607.57,-2740.2 1604.07,-2730.2 1600.57,-2740.2 1607.57,-2740.2"/>
<text text-anchor="middle" x="1434.1" y="-2937.58" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n53 -->
<g id="node48" class="node"><title>n53</title>
<polygon fill="aliceblue" stroke="black" points="2307.35,-3705.9 2307.35,-3743.9 2498.35,-3743.9 2498.35,-3705.9 2307.35,-3705.9"/>
<text text-anchor="middle" x="2402.85" y="-3728.7" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2402.85" y="-3713.7" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/format&#45;time.test.js</text>
</g>
<!-- n93 -->
<g id="node123" class="node"><title>n93</title>
<polygon fill="aliceblue" stroke="black" points="2502.16,-3240.14 2502.16,-3301.14 2656.16,-3301.14 2656.16,-3240.14 2502.16,-3240.14"/>
<text text-anchor="middle" x="2579.16" y="-3285.94" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2579.16" y="-3270.94" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/format&#45;time.js</text>
<polyline fill="none" stroke="black" points="2502.16,-3263.14 2656.16,-3263.14 "/>
<text text-anchor="start" x="2510.16" y="-3247.94" font-family="Times New Roman,serif" font-size="14.00">&#45;formatTime(seconds, )</text>
</g>
<!-- n53&#45;&gt;n93 -->
<g id="edge199" class="edge"><title>n53&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2369.85,-3705.66C2369.85,-3642.42 2369.85,-3445 2369.85,-3445 2369.85,-3445 2725.17,-3445 2725.17,-3445 2725.17,-3445 2725.17,-3386 2725.17,-3386 2725.17,-3386 2910.08,-3386 2910.08,-3386 2910.08,-3386 2910.08,-3275 2910.08,-3275 2910.08,-3275 2666.33,-3275 2666.33,-3275"/>
<polygon fill="red" stroke="red" points="2666.33,-3271.5 2656.33,-3275 2666.33,-3278.5 2666.33,-3271.5"/>
<text text-anchor="middle" x="2684.51" y="-3433.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n38 -->
<g id="node49" class="node"><title>n38</title>
<polygon fill="aliceblue" stroke="black" points="0.395991,-2300.52 0.395991,-2361.52 234.396,-2361.52 234.396,-2300.52 0.395991,-2300.52"/>
<text text-anchor="middle" x="117.396" y="-2346.32" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="117.396" y="-2331.32" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/text&#45;track&#45;cue&#45;list.test.js</text>
<polyline fill="none" stroke="black" points="0.395991,-2323.52 234.396,-2323.52 "/>
<text text-anchor="start" x="8.39599" y="-2308.32" font-family="Times New Roman,serif" font-size="14.00">+genericTracks : array</text>
</g>
<!-- n106 -->
<g id="node101" class="node"><title>n106</title>
<polygon fill="aliceblue" stroke="black" points="703.574,-2437.47 703.574,-2475.47 900.574,-2475.47 900.574,-2437.47 703.574,-2437.47"/>
<text text-anchor="middle" x="802.074" y="-2460.27" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="802.074" y="-2445.27" font-family="Times New Roman,serif" font-size="14.00">src/js/tracks/text&#45;track&#45;cue&#45;list.js</text>
</g>
<!-- n38&#45;&gt;n106 -->
<g id="edge134" class="edge"><title>n38&#45;&gt;n106</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M234.643,-2357C409.458,-2357 718.097,-2357 718.097,-2357 718.097,-2357 718.097,-2427.29 718.097,-2427.29"/>
<polygon fill="red" stroke="red" points="714.597,-2427.29 718.097,-2437.29 721.597,-2427.29 714.597,-2427.29"/>
<text text-anchor="middle" x="479.516" y="-2345.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n55 -->
<g id="node50" class="node"><title>n55</title>
<polygon fill="aliceblue" stroke="black" points="2416.2,-1624.54 2416.2,-1662.54 2622.2,-1662.54 2622.2,-1624.54 2416.2,-1624.54"/>
<text text-anchor="middle" x="2519.2" y="-1647.34" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2519.2" y="-1632.34" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/merge&#45;options.test.js</text>
</g>
<!-- n96 -->
<g id="node91" class="node"><title>n96</title>
<polygon fill="aliceblue" stroke="black" points="2008.44,-2540.29 2008.44,-2631.29 2204.44,-2631.29 2204.44,-2540.29 2008.44,-2540.29"/>
<text text-anchor="middle" x="2106.44" y="-2616.09" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2106.44" y="-2601.09" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/merge&#45;options.js</text>
<polyline fill="none" stroke="black" points="2008.44,-2593.29 2204.44,-2593.29 "/>
<text text-anchor="start" x="2016.44" y="-2578.09" font-family="Times New Roman,serif" font-size="14.00">&#45;customizer(destination, source)</text>
<text text-anchor="start" x="2016.44" y="-2563.09" font-family="Times New Roman,serif" font-size="14.00">&#45;isPlain(obj)</text>
<text text-anchor="start" x="2016.44" y="-2548.09" font-family="Times New Roman,serif" font-size="14.00">&#45;mergeOptions()</text>
</g>
<!-- n55&#45;&gt;n96 -->
<g id="edge201" class="edge"><title>n55&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2622.33,-1643C2749.06,-1643 2947.49,-1643 2947.49,-1643 2947.49,-1643 2947.49,-2066 2947.49,-2066 2947.49,-2066 2885.78,-2066 2885.78,-2066 2885.78,-2066 2885.78,-2423 2885.78,-2423 2885.78,-2423 2616.1,-2423 2616.1,-2423 2616.1,-2423 2616.1,-2616 2616.1,-2616 2616.1,-2616 2214.71,-2616 2214.71,-2616"/>
<polygon fill="red" stroke="red" points="2214.71,-2612.5 2204.71,-2616 2214.71,-2619.5 2214.71,-2612.5"/>
<text text-anchor="middle" x="2853.78" y="-2275.4" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n26&#45;&gt;n31 -->
<g id="edge82" class="edge"><title>n26&#45;&gt;n31</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1757.07,-2761.09C1757.07,-2782.77 1757.07,-2808 1757.07,-2808 1757.07,-2808 1316.24,-2808 1316.24,-2808 1316.24,-2808 1316.24,-2845 1316.24,-2845 1316.24,-2845 391.63,-2845 391.63,-2845 391.63,-2845 391.63,-1990 391.63,-1990 391.63,-1990 1795.55,-1990 1795.55,-1990 1795.55,-1990 1795.55,-1735.39 1795.55,-1735.39"/>
<polygon fill="red" stroke="red" points="1799.05,-1735.39 1795.55,-1725.39 1792.05,-1735.39 1799.05,-1735.39"/>
<text text-anchor="middle" x="359.63" y="-2316.71" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n26&#45;&gt;n72 -->
<g id="edge81" class="edge"><title>n26&#45;&gt;n72</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1731.81,-2748C1682.66,-2748 1625.72,-2748 1625.72,-2748 1625.72,-2748 1625.72,-2902 1625.72,-2902 1625.72,-2902 1807.5,-2902 1807.5,-2902 1807.5,-2902 1807.5,-2936.7 1807.5,-2936.7"/>
<polygon fill="red" stroke="red" points="1804,-2936.7 1807.5,-2946.7 1811,-2936.7 1804,-2936.7"/>
<text text-anchor="middle" x="1593.72" y="-2868.99" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n26&#45;&gt;n92 -->
<g id="edge80" class="edge"><title>n26&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1731.86,-2739C1618.43,-2739 1407.25,-2739 1407.25,-2739 1407.25,-2739 1407.25,-2776 1407.25,-2776 1407.25,-2776 1049.16,-2776 1049.16,-2776 1049.16,-2776 1049.16,-2935 1049.16,-2935 1049.16,-2935 2117.44,-2935 2117.44,-2935 2117.44,-2935 2117.44,-3059 2117.44,-3059 2117.44,-3059 2159.04,-3059 2159.04,-3059"/>
<polygon fill="red" stroke="red" points="2159.04,-3062.5 2169.04,-3059 2159.04,-3055.5 2159.04,-3062.5"/>
<text text-anchor="middle" x="1194.75" y="-2938.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n26&#45;&gt;n554 -->
<g id="edge84" class="edge"><title>n26&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1731.7,-2721C1731.7,-2721 1620.84,-2721 1620.84,-2721"/>
<polygon fill="red" stroke="red" points="1620.84,-2717.5 1610.84,-2721 1620.84,-2724.5 1620.84,-2717.5"/>
<text text-anchor="middle" x="1644.27" y="-2724.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n26&#45;&gt;n555 -->
<g id="edge83" class="edge"><title>n26&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1731.81,-2746C1679.51,-2746 1617.1,-2746 1617.1,-2746 1617.1,-2746 1617.1,-2874.79 1617.1,-2874.79"/>
<polygon fill="red" stroke="red" points="1613.6,-2874.79 1617.1,-2884.79 1620.6,-2874.79 1613.6,-2874.79"/>
<text text-anchor="middle" x="1585.1" y="-2741.84" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n57 -->
<g id="node52" class="node"><title>n57</title>
<polygon fill="aliceblue" stroke="black" points="1120.05,-3579.41 1120.05,-3617.41 1311.05,-3617.41 1311.05,-3579.41 1120.05,-3579.41"/>
<text text-anchor="middle" x="1215.55" y="-3602.21" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1215.55" y="-3587.21" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/to&#45;title&#45;case.test.js</text>
</g>
<!-- n100 -->
<g id="node95" class="node"><title>n100</title>
<polygon fill="aliceblue" stroke="black" points="1876.94,-3297.6 1876.94,-3358.6 2030.94,-3358.6 2030.94,-3297.6 1876.94,-3297.6"/>
<text text-anchor="middle" x="1953.94" y="-3343.4" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1953.94" y="-3328.4" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/to&#45;title&#45;case.js</text>
<polyline fill="none" stroke="black" points="1876.94,-3320.6 2030.94,-3320.6 "/>
<text text-anchor="start" x="1884.94" y="-3305.4" font-family="Times New Roman,serif" font-size="14.00">&#45;toTitleCase(string)</text>
</g>
<!-- n57&#45;&gt;n100 -->
<g id="edge206" class="edge"><title>n57&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1266.35,-3579.17C1266.35,-3491.85 1266.35,-3137 1266.35,-3137 1266.35,-3137 1556.46,-3137 1556.46,-3137 1556.46,-3137 1556.46,-3172 1556.46,-3172 1556.46,-3172 1819.51,-3172 1819.51,-3172 1819.51,-3172 1819.51,-3346 1819.51,-3346 1819.51,-3346 1866.91,-3346 1866.91,-3346"/>
<polygon fill="red" stroke="red" points="1866.91,-3349.5 1876.91,-3346 1866.91,-3342.5 1866.91,-3349.5"/>
<text text-anchor="middle" x="1418.05" y="-3125.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n58 -->
<g id="node53" class="node"><title>n58</title>
<polygon fill="aliceblue" stroke="black" points="1013.13,-3064.4 1013.13,-3102.4 1156.13,-3102.4 1156.13,-3064.4 1013.13,-3064.4"/>
<text text-anchor="middle" x="1084.63" y="-3087.2" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1084.63" y="-3072.2" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/log.test.js</text>
</g>
<!-- n58&#45;&gt;n95 -->
<g id="edge207" class="edge"><title>n58&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1156.33,-3067C1156.33,-3067 1485.49,-3067 1485.49,-3067"/>
<polygon fill="red" stroke="red" points="1485.49,-3070.5 1495.49,-3067 1485.49,-3063.5 1485.49,-3070.5"/>
<text text-anchor="middle" x="1352.91" y="-3055.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n58&#45;&gt;n555 -->
<g id="edge208" class="edge"><title>n58&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1149.83,-3064.04C1149.83,-3055.78 1149.83,-3048 1149.83,-3048 1149.83,-3048 1485.2,-3048 1485.2,-3048 1485.2,-3048 1485.2,-2932.97 1485.2,-2932.97"/>
<polygon fill="red" stroke="red" points="1488.7,-2932.97 1485.2,-2922.97 1481.7,-2932.97 1488.7,-2932.97"/>
<text text-anchor="middle" x="1399.01" y="-3036.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n54 -->
<g id="node54" class="node"><title>n54</title>
<polygon fill="aliceblue" stroke="black" points="1378.01,-3369.13 1378.01,-3407.13 1515.01,-3407.13 1515.01,-3369.13 1378.01,-3369.13"/>
<text text-anchor="middle" x="1446.51" y="-3391.93" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1446.51" y="-3376.93" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/fn.test.js</text>
</g>
<!-- n54&#45;&gt;n101 -->
<g id="edge200" class="edge"><title>n54&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1515.08,-3374C1545.55,-3374 1574.66,-3374 1574.66,-3374 1574.66,-3374 1574.66,-3098 1574.66,-3098 1574.66,-3098 2062.7,-3098 2062.7,-3098 2062.7,-3098 2062.7,-3099.91 2062.7,-3099.91"/>
<polygon fill="red" stroke="red" points="2059.2,-3099.91 2062.7,-3109.91 2066.2,-3099.91 2059.2,-3099.91"/>
<text text-anchor="middle" x="1619.85" y="-3086.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n60 -->
<g id="node55" class="node"><title>n60</title>
<polygon fill="aliceblue" stroke="black" points="614.524,-2648.99 614.524,-2747.99 871.524,-2747.99 871.524,-2648.99 614.524,-2648.99"/>
<text text-anchor="middle" x="743.024" y="-2732.79" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="743.024" y="-2717.79" font-family="Times New Roman,serif" font-size="14.00">src/js/base&#45;styles.js</text>
<polyline fill="none" stroke="black" points="614.524,-2709.99 871.524,-2709.99 "/>
<text text-anchor="start" x="622.524" y="-2694.79" font-family="Times New Roman,serif" font-size="14.00">+styleNode.innerHTML : identifier = styles</text>
<text text-anchor="start" x="622.524" y="-2679.79" font-family="Times New Roman,serif" font-size="14.00">+styles : string = GENERATEDSTY</text>
<polyline fill="none" stroke="black" points="614.524,-2671.99 871.524,-2671.99 "/>
<text text-anchor="start" x="622.524" y="-2656.79" font-family="Times New Roman,serif" font-size="14.00">&#45;styleNode(style)</text>
</g>
<!-- n60&#45;&gt;n554 -->
<g id="edge211" class="edge"><title>n60&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M811.335,-2748.05C811.335,-2755.63 811.335,-2761 811.335,-2761 811.335,-2761 1394.45,-2761 1394.45,-2761 1394.45,-2761 1394.45,-2714 1394.45,-2714 1394.45,-2714 1463.57,-2714 1463.57,-2714"/>
<polygon fill="red" stroke="red" points="1463.57,-2717.5 1473.57,-2714 1463.57,-2710.5 1463.57,-2717.5"/>
<text text-anchor="middle" x="1122.48" y="-2764.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n60&#45;&gt;n555 -->
<g id="edge210" class="edge"><title>n60&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M726.092,-2748.22C726.092,-2843.62 726.092,-3043 726.092,-3043 726.092,-3043 1419.97,-3043 1419.97,-3043 1419.97,-3043 1419.97,-2900 1419.97,-2900 1419.97,-2900 1471.64,-2900 1471.64,-2900"/>
<polygon fill="red" stroke="red" points="1471.64,-2903.5 1481.64,-2900 1471.64,-2896.5 1471.64,-2903.5"/>
<text text-anchor="middle" x="990.974" y="-3031.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n61 -->
<g id="node56" class="node"><title>n61</title>
<polygon fill="aliceblue" stroke="black" points="1645.27,-3507.13 1645.27,-3568.13 1857.27,-3568.13 1857.27,-3507.13 1645.27,-3507.13"/>
<text text-anchor="middle" x="1751.27" y="-3552.93" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1751.27" y="-3537.93" font-family="Times New Roman,serif" font-size="14.00">src/js/big&#45;play&#45;button.js</text>
<polyline fill="none" stroke="black" points="1645.27,-3530.13 1857.27,-3530.13 "/>
<text text-anchor="start" x="1653.27" y="-3514.93" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = PlayVideo</text>
</g>
<!-- n61&#45;&gt;n62 -->
<g id="edge212" class="edge"><title>n61&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1746.33,-3506.82C1746.33,-3464.61 1746.33,-3394 1746.33,-3394 1746.33,-3394 2055.93,-3394 2055.93,-3394 2055.93,-3394 2055.93,-3218.8 2055.93,-3218.8"/>
<polygon fill="red" stroke="red" points="2059.43,-3218.8 2055.93,-3208.8 2052.43,-3218.8 2059.43,-3218.8"/>
<text text-anchor="middle" x="1900.32" y="-3397.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n61&#45;&gt;n66 -->
<g id="edge213" class="edge"><title>n61&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1645.02,-3545C1506.85,-3545 1283,-3545 1283,-3545 1283,-3545 1283,-3440 1283,-3440 1283,-3440 1589.21,-3440 1589.21,-3440 1589.21,-3440 1589.21,-3390 1589.21,-3390 1589.21,-3390 2087.16,-3390 2087.16,-3390 2087.16,-3390 2087.16,-3319 2087.16,-3319 2087.16,-3319 2338.55,-3319 2338.55,-3319 2338.55,-3319 2338.55,-3280.93 2338.55,-3280.93"/>
<polygon fill="red" stroke="red" points="2342.05,-3280.93 2338.55,-3270.93 2335.05,-3280.93 2342.05,-3280.93"/>
<text text-anchor="middle" x="1574.8" y="-3393.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n6986 -->
<g id="node192" class="node"><title>n6986</title>
<polygon fill="#97ffff" stroke="black" points="1520.91,-4123.43 1520.91,-4214.43 1698.91,-4214.43 1698.91,-4123.43 1520.91,-4123.43"/>
<text text-anchor="middle" x="1609.91" y="-4199.23" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1609.91" y="-4184.23" font-family="Times New Roman,serif" font-size="14.00">BigPlayButton</text>
<polyline fill="none" stroke="black" points="1520.91,-4176.43 1698.91,-4176.43 "/>
<text text-anchor="start" x="1528.91" y="-4161.23" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="1528.91" y="-4146.23" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1528.91" y="-4131.23" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
</g>
<!-- n61&#45;&gt;n6986 -->
<g id="edge214" class="edge"><title>n61&#45;&gt;n6986</title>
<path fill="none" stroke="black" d="M1632.99,-3557C1632.99,-3557 1623.28,-3557 1623.28,-3557 1623.28,-3557 1623.28,-3708 1623.28,-3708 1623.28,-3708 1513.21,-3708 1513.21,-3708 1513.21,-3708 1513.21,-4127 1513.21,-4127 1513.21,-4127 1516.07,-4127 1520.8,-4127"/>
<polygon fill="black" stroke="black" points="1632.99,-3557 1638.99,-3553 1644.99,-3557 1638.99,-3561 1632.99,-3557"/>
</g>
<!-- n62&#45;&gt;n66 -->
<g id="edge216" class="edge"><title>n62&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2129.24,-3206C2200.81,-3206 2324.62,-3206 2324.62,-3206 2324.62,-3206 2324.62,-3222.69 2324.62,-3222.69"/>
<polygon fill="red" stroke="red" points="2321.12,-3222.69 2324.62,-3232.69 2328.12,-3222.69 2321.12,-3222.69"/>
<text text-anchor="middle" x="2267.27" y="-3209.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n62&#45;&gt;n64 -->
<g id="edge215" class="edge"><title>n62&#45;&gt;n64</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2030.09,-3187C2022.3,-3187 2016.75,-3187 2016.75,-3187 2016.75,-3187 2016.75,-3221.6 2016.75,-3221.6"/>
<polygon fill="red" stroke="red" points="2013.25,-3221.6 2016.75,-3231.6 2020.25,-3221.6 2013.25,-3221.6"/>
<text text-anchor="middle" x="2000.75" y="-3186.43" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n62&#45;&gt;n91 -->
<g id="edge217" class="edge"><title>n62&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2032.66,-3170.38C2032.66,-3145.43 2032.66,-3105 2032.66,-3105 2032.66,-3105 1882.69,-3105 1882.69,-3105 1882.69,-3105 1882.69,-2909.34 1882.69,-2909.34"/>
<polygon fill="red" stroke="red" points="1886.19,-2909.34 1882.69,-2899.34 1879.19,-2909.34 1886.19,-2909.34"/>
<text text-anchor="middle" x="1860.54" y="-3093.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n62&#45;&gt;n95 -->
<g id="edge219" class="edge"><title>n62&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2043.44,-3208.6C2043.44,-3258.26 2043.44,-3388 2043.44,-3388 2043.44,-3388 1591.03,-3388 1591.03,-3388 1591.03,-3388 1591.03,-3080.78 1591.03,-3080.78"/>
<polygon fill="red" stroke="red" points="1594.53,-3080.78 1591.03,-3070.78 1587.53,-3080.78 1594.53,-3080.78"/>
<text text-anchor="middle" x="1721.32" y="-3391.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n62&#45;&gt;n101 -->
<g id="edge218" class="edge"><title>n62&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2083.41,-3170.42C2083.41,-3170.42 2083.41,-3158.28 2083.41,-3158.28"/>
<polygon fill="red" stroke="red" points="2086.91,-3158.28 2083.41,-3148.28 2079.91,-3158.28 2086.91,-3158.28"/>
<text text-anchor="middle" x="2115.41" y="-3153.15" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n62&#45;&gt;n554 -->
<g id="edge220" class="edge"><title>n62&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2037.19,-3208.88C2037.19,-3259.3 2037.19,-3391 2037.19,-3391 2037.19,-3391 1587.39,-3391 1587.39,-3391 1587.39,-3391 1587.39,-3428 1587.39,-3428 1587.39,-3428 714.822,-3428 714.822,-3428 714.822,-3428 714.822,-2863 714.822,-2863 714.822,-2863 1601.37,-2863 1601.37,-2863 1601.37,-2863 1601.37,-2740.39 1601.37,-2740.39"/>
<polygon fill="red" stroke="red" points="1604.87,-2740.39 1601.37,-2730.39 1597.87,-2740.39 1604.87,-2740.39"/>
<text text-anchor="middle" x="746.822" y="-3400.46" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n6994 -->
<g id="node182" class="node"><title>n6994</title>
<polygon fill="azure" stroke="black" points="2194.54,-2982.07 2194.54,-3020.07 2331.54,-3020.07 2331.54,-2982.07 2194.54,-2982.07"/>
<text text-anchor="middle" x="2263.04" y="-3004.87" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="2263.04" y="-2989.87" font-family="Times New Roman,serif" font-size="14.00">object.assign</text>
</g>
<!-- n62&#45;&gt;n6994 -->
<g id="edge221" class="edge"><title>n62&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2129.24,-3176C2141.14,-3176 2150.49,-3176 2150.49,-3176 2150.49,-3176 2150.49,-2995 2150.49,-2995 2150.49,-2995 2184.32,-2995 2184.32,-2995"/>
<polygon fill="red" stroke="red" points="2184.33,-2998.5 2194.32,-2995 2184.32,-2991.5 2184.33,-2998.5"/>
<text text-anchor="middle" x="2118.49" y="-3083.01" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n6995 -->
<g id="node183" class="node"><title>n6995</title>
<polygon fill="#97ffff" stroke="black" points="1386.5,-3584.68 1386.5,-3690.68 1564.5,-3690.68 1564.5,-3584.68 1386.5,-3584.68"/>
<text text-anchor="middle" x="1475.5" y="-3675.48" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1475.5" y="-3660.48" font-family="Times New Roman,serif" font-size="14.00">Button</text>
<polyline fill="none" stroke="black" points="1386.5,-3652.68 1564.5,-3652.68 "/>
<text text-anchor="start" x="1394.5" y="-3637.48" font-family="Times New Roman,serif" font-size="14.00">&#45;addChild(child)</text>
<text text-anchor="start" x="1394.5" y="-3622.48" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1394.5" y="-3607.48" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1394.5" y="-3592.48" font-family="Times New Roman,serif" font-size="14.00">&#45;handleKeyPress(event)</text>
</g>
<!-- n62&#45;&gt;n6995 -->
<g id="edge222" class="edge"><title>n62&#45;&gt;n6995</title>
<path fill="none" stroke="black" d="M2080.91,-3220.69C2080.91,-3220.69 2080.91,-3343 2080.91,-3343 2080.91,-3343 2138.12,-3343 2138.12,-3343 2138.12,-3343 2138.12,-3399 2138.12,-3399 2138.12,-3399 1541.15,-3399 1541.15,-3399 1541.15,-3399 1541.15,-3435 1541.15,-3435 1541.15,-3435 1251.53,-3435 1251.53,-3435 1251.53,-3435 1251.53,-3566 1251.53,-3566 1251.53,-3566 1475.5,-3566 1475.5,-3566 1475.5,-3566 1475.5,-3573.9 1475.5,-3584.46"/>
<polygon fill="black" stroke="black" points="2080.91,-3220.69 2076.91,-3214.69 2080.91,-3208.69 2084.91,-3214.69 2080.91,-3220.69"/>
</g>
<!-- n63&#45;&gt;n62 -->
<g id="edge223" class="edge"><title>n63&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1667.87,-3418.69C1667.87,-3406.12 1667.87,-3392 1667.87,-3392 1667.87,-3392 2049.68,-3392 2049.68,-3392 2049.68,-3392 2049.68,-3218.61 2049.68,-3218.61"/>
<polygon fill="red" stroke="red" points="2053.18,-3218.61 2049.68,-3208.61 2046.18,-3218.61 2053.18,-3218.61"/>
<text text-anchor="middle" x="1900.12" y="-3380.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n63&#45;&gt;n66 -->
<g id="edge224" class="edge"><title>n63&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1734.32,-3431C1782.57,-3431 1839.22,-3431 1839.22,-3431 1839.22,-3431 1839.22,-3289 1839.22,-3289 1839.22,-3289 2433.15,-3289 2433.15,-3289 2433.15,-3289 2433.15,-3264 2433.15,-3264 2433.15,-3264 2429.81,-3264 2429.81,-3264"/>
<polygon fill="red" stroke="red" points="2429.81,-3260.5 2419.81,-3264 2429.81,-3267.5 2429.81,-3260.5"/>
<text text-anchor="middle" x="1994.91" y="-3277.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n7021 -->
<g id="node256" class="node"><title>n7021</title>
<polygon fill="#97ffff" stroke="black" points="1043.92,-3757.57 1043.92,-3848.57 1221.92,-3848.57 1221.92,-3757.57 1043.92,-3757.57"/>
<text text-anchor="middle" x="1132.92" y="-3833.37" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1132.92" y="-3818.37" font-family="Times New Roman,serif" font-size="14.00">CloseButton</text>
<polyline fill="none" stroke="black" points="1043.92,-3810.57 1221.92,-3810.57 "/>
<text text-anchor="start" x="1051.92" y="-3795.37" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="1051.92" y="-3780.37" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1051.92" y="-3765.37" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
</g>
<!-- n63&#45;&gt;n7021 -->
<g id="edge225" class="edge"><title>n63&#45;&gt;n7021</title>
<path fill="none" stroke="black" d="M1615.82,-3469.3C1615.82,-3469.3 1615.82,-3702 1615.82,-3702 1615.82,-3702 1170.99,-3702 1170.99,-3702 1170.99,-3702 1170.99,-3730.73 1170.99,-3757.56"/>
<polygon fill="black" stroke="black" points="1615.82,-3469.3 1611.82,-3463.3 1615.82,-3457.3 1619.82,-3463.3 1615.82,-3469.3"/>
</g>
<!-- n56 -->
<g id="node59" class="node"><title>n56</title>
<polygon fill="aliceblue" stroke="black" points="1081.94,-2509.87 1081.94,-2570.87 1221.94,-2570.87 1221.94,-2509.87 1081.94,-2509.87"/>
<text text-anchor="middle" x="1151.94" y="-2555.67" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1151.94" y="-2540.67" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/url.test.js</text>
<polyline fill="none" stroke="black" points="1081.94,-2532.87 1221.94,-2532.87 "/>
<text text-anchor="start" x="1089.94" y="-2517.67" font-family="Times New Roman,serif" font-size="14.00">&#45;proxyquire(require)</text>
</g>
<!-- n99 -->
<g id="node94" class="node"><title>n99</title>
<polygon fill="aliceblue" stroke="black" points="1324.91,-2338.72 1324.91,-2376.72 1428.91,-2376.72 1428.91,-2338.72 1324.91,-2338.72"/>
<text text-anchor="middle" x="1376.91" y="-2361.52" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1376.91" y="-2346.52" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/url.js</text>
</g>
<!-- n56&#45;&gt;n99 -->
<g id="edge204" class="edge"><title>n56&#45;&gt;n99</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1100.58,-2509.85C1100.58,-2464.34 1100.58,-2384 1100.58,-2384 1100.58,-2384 1359.58,-2384 1359.58,-2384 1359.58,-2384 1359.58,-2383.28 1359.58,-2383.28"/>
<polygon fill="red" stroke="red" points="1363.08,-2386.82 1359.58,-2376.82 1356.08,-2386.82 1363.08,-2386.82"/>
<text text-anchor="middle" x="1135.51" y="-2387.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n56&#45;&gt;n554 -->
<g id="edge202" class="edge"><title>n56&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1222.06,-2530C1310.46,-2530 1451.01,-2530 1451.01,-2530 1451.01,-2530 1451.01,-2696 1451.01,-2696 1451.01,-2696 1463.58,-2696 1463.58,-2696"/>
<polygon fill="red" stroke="red" points="1463.58,-2699.5 1473.58,-2696 1463.58,-2692.5 1463.58,-2699.5"/>
<text text-anchor="middle" x="1457.82" y="-2518.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n56&#45;&gt;n555 -->
<g id="edge203" class="edge"><title>n56&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1086.46,-2571.18C1086.46,-2609.23 1086.46,-2669 1086.46,-2669 1086.46,-2669 1613.95,-2669 1613.95,-2669 1613.95,-2669 1613.95,-2874.61 1613.95,-2874.61"/>
<polygon fill="red" stroke="red" points="1610.45,-2874.61 1613.95,-2884.61 1617.45,-2874.61 1610.45,-2874.61"/>
<text text-anchor="middle" x="1372.1" y="-2672.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n56&#45;&gt;n5691 -->
<g id="edge205" class="edge"><title>n56&#45;&gt;n5691</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1096.54,-2509.87C1096.54,-2449.59 1096.54,-2321 1096.54,-2321 1096.54,-2321 894.359,-2321 894.359,-2321"/>
<polygon fill="red" stroke="red" points="894.359,-2317.5 884.359,-2321 894.359,-2324.5 894.359,-2317.5"/>
<text text-anchor="middle" x="1057.88" y="-2309.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n65&#45;&gt;n95 -->
<g id="edge234" class="edge"><title>n65&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M999.57,-2701.03C999.57,-2782.73 999.57,-2967 999.57,-2967 999.57,-2967 1485.63,-2967 1485.63,-2967"/>
<polygon fill="red" stroke="red" points="1485.63,-2970.5 1495.63,-2967 1485.63,-2963.5 1485.63,-2970.5"/>
<text text-anchor="middle" x="1077.61" y="-2970.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n91 -->
<g id="edge239" class="edge"><title>n66&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2312.97,-3232.64C2312.97,-3218.24 2312.97,-3201 2312.97,-3201 2312.97,-3201 2163.09,-3201 2163.09,-3201 2163.09,-3201 2163.09,-2963 2163.09,-2963 2163.09,-2963 1911.89,-2963 1911.89,-2963 1911.89,-2963 1911.89,-2909.43 1911.89,-2909.43"/>
<polygon fill="red" stroke="red" points="1915.39,-2909.43 1911.89,-2899.43 1908.39,-2909.43 1915.39,-2909.43"/>
<text text-anchor="middle" x="2131.09" y="-3024.18" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n94 -->
<g id="node89" class="node"><title>n94</title>
<polygon fill="aliceblue" stroke="black" points="2001.8,-2716.63 2001.8,-2777.63 2132.8,-2777.63 2132.8,-2716.63 2001.8,-2716.63"/>
<text text-anchor="middle" x="2067.3" y="-2762.43" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2067.3" y="-2747.43" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/guid.js</text>
<polyline fill="none" stroke="black" points="2001.8,-2739.63 2132.8,-2739.63 "/>
<text text-anchor="start" x="2009.8" y="-2724.43" font-family="Times New Roman,serif" font-size="14.00">+_guid : number = 1</text>
</g>
<!-- n66&#45;&gt;n94 -->
<g id="edge238" class="edge"><title>n66&#45;&gt;n94</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2316.85,-3232.86C2316.85,-3218.05 2316.85,-3200 2316.85,-3200 2316.85,-3200 2165.19,-3200 2165.19,-3200 2165.19,-3200 2165.19,-2961 2165.19,-2961 2165.19,-2961 2285.15,-2961 2285.15,-2961 2285.15,-2961 2285.15,-2832 2285.15,-2832 2285.15,-2832 2103.03,-2832 2103.03,-2832 2103.03,-2832 2103.03,-2787.77 2103.03,-2787.77"/>
<polygon fill="red" stroke="red" points="2106.53,-2787.77 2103.03,-2777.77 2099.53,-2787.77 2106.53,-2787.77"/>
<text text-anchor="middle" x="2159.08" y="-2964.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n95 -->
<g id="edge240" class="edge"><title>n66&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2333.07,-3232.62C2333.07,-3178 2333.07,-3026 2333.07,-3026 2333.07,-3026 1936.29,-3026 1936.29,-3026 1936.29,-3026 1936.29,-3064 1936.29,-3064 1936.29,-3064 1645.07,-3064 1645.07,-3064"/>
<polygon fill="red" stroke="red" points="1645.07,-3060.5 1635.07,-3064 1645.07,-3067.5 1645.07,-3060.5"/>
<text text-anchor="middle" x="2041.38" y="-3029.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n96 -->
<g id="edge243" class="edge"><title>n66&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2388.05,-3270.94C2388.05,-3292.01 2388.05,-3323 2388.05,-3323 2388.05,-3323 2580.4,-3323 2580.4,-3323 2580.4,-3323 2580.4,-3342 2580.4,-3342 2580.4,-3342 2683.6,-3342 2683.6,-3342 2683.6,-3342 2683.6,-3165 2683.6,-3165 2683.6,-3165 2696.79,-3165 2696.79,-3165 2696.79,-3165 2696.79,-3136 2696.79,-3136 2696.79,-3136 3453.12,-3136 3453.12,-3136 3453.12,-3136 3453.12,-2895 3453.12,-2895 3453.12,-2895 2940.24,-2895 2940.24,-2895 2940.24,-2895 2940.24,-2648 2940.24,-2648 2940.24,-2648 2635.12,-2648 2635.12,-2648 2635.12,-2648 2635.12,-2622 2635.12,-2622 2635.12,-2622 2214.64,-2622 2214.64,-2622"/>
<polygon fill="red" stroke="red" points="2214.64,-2618.5 2204.64,-2622 2214.64,-2625.5 2214.64,-2618.5"/>
<text text-anchor="middle" x="3421.12" y="-2934.63" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n100 -->
<g id="edge241" class="edge"><title>n66&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2352.05,-3271.12C2352.05,-3290 2352.05,-3316 2352.05,-3316 2352.05,-3316 2041.17,-3316 2041.17,-3316"/>
<polygon fill="red" stroke="red" points="2041.17,-3312.5 2031.17,-3316 2041.17,-3319.5 2041.17,-3312.5"/>
<text text-anchor="middle" x="2187.05" y="-3319.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n101 -->
<g id="edge237" class="edge"><title>n66&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2301.32,-3232.6C2301.32,-3225.89 2301.32,-3220 2301.32,-3220 2301.32,-3220 2136.76,-3220 2136.76,-3220 2136.76,-3220 2136.76,-3158.33 2136.76,-3158.33"/>
<polygon fill="red" stroke="red" points="2140.26,-3158.33 2136.76,-3148.33 2133.26,-3158.33 2140.26,-3158.33"/>
<text text-anchor="middle" x="2226.5" y="-3223.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n92 -->
<g id="edge236" class="edge"><title>n66&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2328.5,-3232.69C2328.5,-3232.69 2328.5,-3203.82 2328.5,-3203.82"/>
<polygon fill="red" stroke="red" points="2332,-3203.82 2328.5,-3193.82 2325,-3203.82 2332,-3203.82"/>
<text text-anchor="middle" x="2296.5" y="-3222.05" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n555 -->
<g id="edge235" class="edge"><title>n66&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2309.08,-3232.84C2309.08,-3219.12 2309.08,-3203 2309.08,-3203 2309.08,-3203 2160.99,-3203 2160.99,-3203 2160.99,-3203 2160.99,-2967 2160.99,-2967 2160.99,-2967 1932.84,-2967 1932.84,-2967 1932.84,-2967 1932.84,-2995 1932.84,-2995 1932.84,-2995 1906.05,-2995 1906.05,-2995 1906.05,-2995 1906.05,-2909 1906.05,-2909 1906.05,-2909 1628.78,-2909 1628.78,-2909"/>
<polygon fill="red" stroke="red" points="1628.78,-2905.5 1618.78,-2909 1628.78,-2912.5 1628.78,-2905.5"/>
<text text-anchor="middle" x="2012.86" y="-2955.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n66&#45;&gt;n6994 -->
<g id="edge242" class="edge"><title>n66&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2334.43,-3232.87C2334.43,-3174.06 2334.43,-2999 2334.43,-2999 2334.43,-2999 2334.16,-2999 2334.16,-2999"/>
<polygon fill="red" stroke="red" points="2341.72,-2995.5 2331.72,-2999 2341.72,-3002.5 2341.72,-2995.5"/>
<text text-anchor="middle" x="2366.43" y="-3119.6" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n7109 -->
<g id="node186" class="node"><title>n7109</title>
<polygon fill="#97ffff" stroke="black" points="2466.73,-4357.67 2466.73,-5228.67 2747.73,-5228.67 2747.73,-4357.67 2466.73,-4357.67"/>
<text text-anchor="middle" x="2607.23" y="-5213.47" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2607.23" y="-5198.47" font-family="Times New Roman,serif" font-size="14.00">Component</text>
<polyline fill="none" stroke="black" points="2466.73,-5190.67 2747.73,-5190.67 "/>
<text text-anchor="start" x="2474.73" y="-5175.47" font-family="Times New Roman,serif" font-size="14.00">+childIndex_()</text>
<text text-anchor="start" x="2474.73" y="-5160.47" font-family="Times New Roman,serif" font-size="14.00">+childNameIndex_()</text>
<text text-anchor="start" x="2474.73" y="-5145.47" font-family="Times New Roman,serif" font-size="14.00">+children_()</text>
<text text-anchor="start" x="2474.73" y="-5130.47" font-family="Times New Roman,serif" font-size="14.00">+name_()</text>
<text text-anchor="start" x="2474.73" y="-5115.47" font-family="Times New Roman,serif" font-size="14.00">+options_()</text>
<text text-anchor="start" x="2474.73" y="-5100.47" font-family="Times New Roman,serif" font-size="14.00">&#45;(selector, context)</text>
<text text-anchor="start" x="2474.73" y="-5085.47" font-family="Times New Roman,serif" font-size="14.00">&#45;addChild(child)</text>
<text text-anchor="start" x="2474.73" y="-5070.47" font-family="Times New Roman,serif" font-size="14.00">&#45;addClass(classToAdd)</text>
<text text-anchor="start" x="2474.73" y="-5055.47" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="2474.73" y="-5040.47" font-family="Times New Roman,serif" font-size="14.00">&#45;children()</text>
<text text-anchor="start" x="2474.73" y="-5025.47" font-family="Times New Roman,serif" font-size="14.00">&#45;clearInterval(intervalId)</text>
<text text-anchor="start" x="2474.73" y="-5010.47" font-family="Times New Roman,serif" font-size="14.00">&#45;clearTimeout(timeoutId)</text>
<text text-anchor="start" x="2474.73" y="-4995.47" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
<text text-anchor="start" x="2474.73" y="-4980.47" font-family="Times New Roman,serif" font-size="14.00">&#45;contentEl()</text>
<text text-anchor="start" x="2474.73" y="-4965.47" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl(tagName, properties, attributes)</text>
<text text-anchor="start" x="2474.73" y="-4950.47" font-family="Times New Roman,serif" font-size="14.00">&#45;currentDimension(widthOrHeight)</text>
<text text-anchor="start" x="2474.73" y="-4935.47" font-family="Times New Roman,serif" font-size="14.00">&#45;currentDimensions()</text>
<text text-anchor="start" x="2474.73" y="-4920.47" font-family="Times New Roman,serif" font-size="14.00">&#45;currentHeight()</text>
<text text-anchor="start" x="2474.73" y="-4905.47" font-family="Times New Roman,serif" font-size="14.00">&#45;currentWidth()</text>
<text text-anchor="start" x="2474.73" y="-4890.47" font-family="Times New Roman,serif" font-size="14.00">&#45;dimension(widthOrHeight, num, skipListeners)</text>
<text text-anchor="start" x="2474.73" y="-4875.47" font-family="Times New Roman,serif" font-size="14.00">&#45;dimensions(width, height)</text>
<text text-anchor="start" x="2474.73" y="-4860.47" font-family="Times New Roman,serif" font-size="14.00">&#45;dispose()</text>
<text text-anchor="start" x="2474.73" y="-4845.47" font-family="Times New Roman,serif" font-size="14.00">&#45;el()</text>
<text text-anchor="start" x="2474.73" y="-4830.47" font-family="Times New Roman,serif" font-size="14.00">&#45;emitTapEvents()</text>
<text text-anchor="start" x="2474.73" y="-4815.47" font-family="Times New Roman,serif" font-size="14.00">&#45;enableTouchActivity()</text>
<text text-anchor="start" x="2474.73" y="-4800.47" font-family="Times New Roman,serif" font-size="14.00">&#45;extend(props)</text>
<text text-anchor="start" x="2474.73" y="-4785.47" font-family="Times New Roman,serif" font-size="14.00">&#45;getChild(name)</text>
<text text-anchor="start" x="2474.73" y="-4770.47" font-family="Times New Roman,serif" font-size="14.00">&#45;getChildById(id)</text>
<text text-anchor="start" x="2474.73" y="-4755.47" font-family="Times New Roman,serif" font-size="14.00">&#45;getComponent(name)</text>
<text text-anchor="start" x="2474.73" y="-4740.47" font-family="Times New Roman,serif" font-size="14.00">&#45;hasClass(classToCheck)</text>
<text text-anchor="start" x="2474.73" y="-4725.47" font-family="Times New Roman,serif" font-size="14.00">&#45;height(num, skipListeners)</text>
<text text-anchor="start" x="2474.73" y="-4710.47" font-family="Times New Roman,serif" font-size="14.00">&#45;hide()</text>
<text text-anchor="start" x="2474.73" y="-4695.47" font-family="Times New Roman,serif" font-size="14.00">&#45;id()</text>
<text text-anchor="start" x="2474.73" y="-4680.47" font-family="Times New Roman,serif" font-size="14.00">&#45;initChildren()</text>
<text text-anchor="start" x="2474.73" y="-4665.47" font-family="Times New Roman,serif" font-size="14.00">&#45;localize(string)</text>
<text text-anchor="start" x="2474.73" y="-4650.47" font-family="Times New Roman,serif" font-size="14.00">&#45;lockShowing()</text>
<text text-anchor="start" x="2474.73" y="-4635.47" font-family="Times New Roman,serif" font-size="14.00">&#45;name()</text>
<text text-anchor="start" x="2474.73" y="-4620.47" font-family="Times New Roman,serif" font-size="14.00">&#45;off(first, second, third)</text>
<text text-anchor="start" x="2474.73" y="-4605.47" font-family="Times New Roman,serif" font-size="14.00">&#45;on(first, second, third)</text>
<text text-anchor="start" x="2474.73" y="-4590.47" font-family="Times New Roman,serif" font-size="14.00">&#45;one(first, second, third)</text>
<text text-anchor="start" x="2474.73" y="-4575.47" font-family="Times New Roman,serif" font-size="14.00">&#45;options()</text>
<text text-anchor="start" x="2474.73" y="-4560.47" font-family="Times New Roman,serif" font-size="14.00">&#45;options(obj)</text>
<text text-anchor="start" x="2474.73" y="-4545.47" font-family="Times New Roman,serif" font-size="14.00">&#45;player()</text>
<text text-anchor="start" x="2474.73" y="-4530.47" font-family="Times New Roman,serif" font-size="14.00">&#45;ready(fn)</text>
<text text-anchor="start" x="2474.73" y="-4515.47" font-family="Times New Roman,serif" font-size="14.00">&#45;registerComponent(name, comp)</text>
<text text-anchor="start" x="2474.73" y="-4500.47" font-family="Times New Roman,serif" font-size="14.00">&#45;removeChild(component)</text>
<text text-anchor="start" x="2474.73" y="-4485.47" font-family="Times New Roman,serif" font-size="14.00">&#45;removeClass(classToRemove)</text>
<text text-anchor="start" x="2474.73" y="-4470.47" font-family="Times New Roman,serif" font-size="14.00">&#45;setInterval(fn, interval)</text>
<text text-anchor="start" x="2474.73" y="-4455.47" font-family="Times New Roman,serif" font-size="14.00">&#45;setTimeout(fn, timeout)</text>
<text text-anchor="start" x="2474.73" y="-4440.47" font-family="Times New Roman,serif" font-size="14.00">&#45;show()</text>
<text text-anchor="start" x="2474.73" y="-4425.47" font-family="Times New Roman,serif" font-size="14.00">&#45;toggleClass(classToToggle, predicate)</text>
<text text-anchor="start" x="2474.73" y="-4410.47" font-family="Times New Roman,serif" font-size="14.00">&#45;trigger(event, hash)</text>
<text text-anchor="start" x="2474.73" y="-4395.47" font-family="Times New Roman,serif" font-size="14.00">&#45;triggerReady()</text>
<text text-anchor="start" x="2474.73" y="-4380.47" font-family="Times New Roman,serif" font-size="14.00">&#45;unlockShowing()</text>
<text text-anchor="start" x="2474.73" y="-4365.47" font-family="Times New Roman,serif" font-size="14.00">&#45;width(num, skipListeners)</text>
</g>
<!-- n66&#45;&gt;n7109 -->
<g id="edge244" class="edge"><title>n66&#45;&gt;n7109</title>
<path fill="none" stroke="black" d="M2316.05,-3282.97C2316.05,-3282.97 2316.05,-3326 2316.05,-3326 2316.05,-3326 2190.74,-3326 2190.74,-3326 2190.74,-3326 2190.74,-3398 2190.74,-3398 2190.74,-3398 1517.91,-3398 1517.91,-3398 1517.91,-3398 1517.91,-3364 1517.91,-3364 1517.91,-3364 1357.31,-3364 1357.31,-3364 1357.31,-3364 1357.31,-3400 1357.31,-3400 1357.31,-3400 928.428,-3400 928.428,-3400 928.428,-3400 928.428,-4376 928.428,-4376 928.428,-4376 2062.83,-4376 2466.62,-4376"/>
<polygon fill="black" stroke="black" points="2316.05,-3282.97 2312.05,-3276.97 2316.05,-3270.97 2320.05,-3276.97 2316.05,-3282.97"/>
</g>
<!-- n67&#45;&gt;n91 -->
<g id="edge245" class="edge"><title>n67&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1061.75,-2059.47C1061.75,-2028.55 1061.75,-2002 1061.75,-2002 1061.75,-2002 388.796,-2002 388.796,-2002 388.796,-2002 388.796,-2867 388.796,-2867 388.796,-2867 1616.47,-2867 1616.47,-2867"/>
<polygon fill="red" stroke="red" points="1616.47,-2870.5 1626.47,-2867 1616.47,-2863.5 1616.47,-2870.5"/>
<text text-anchor="middle" x="356.796" y="-2686.92" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37 -->
<g id="node63" class="node"><title>n37</title>
<polygon fill="aliceblue" stroke="black" points="1925.95,-2880.35 1925.95,-2918.35 2131.95,-2918.35 2131.95,-2880.35 1925.95,-2880.35"/>
<text text-anchor="middle" x="2028.95" y="-2903.15" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2028.95" y="-2888.15" font-family="Times New Roman,serif" font-size="14.00">test/unit/tracks/audio&#45;tracks.test.js</text>
</g>
<!-- n37&#45;&gt;n26 -->
<g id="edge132" class="edge"><title>n37&#45;&gt;n26</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1996.25,-2880.21C1996.25,-2837.47 1996.25,-2738 1996.25,-2738 1996.25,-2738 1882.11,-2738 1882.11,-2738"/>
<polygon fill="red" stroke="red" points="1882.11,-2734.5 1872.11,-2738 1882.11,-2741.5 1882.11,-2734.5"/>
<text text-anchor="middle" x="1964.25" y="-2755.83" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37&#45;&gt;n66 -->
<g id="edge130" class="edge"><title>n37&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2123.66,-2918.56C2123.66,-2961.99 2123.66,-3064 2123.66,-3064 2123.66,-3064 2156.79,-3064 2156.79,-3064 2156.79,-3064 2156.79,-3198 2156.79,-3198 2156.79,-3198 2320.74,-3198 2320.74,-3198 2320.74,-3198 2320.74,-3222.73 2320.74,-3222.73"/>
<polygon fill="red" stroke="red" points="2317.24,-3222.73 2320.74,-3232.73 2324.24,-3222.73 2317.24,-3222.73"/>
<text text-anchor="middle" x="2172.79" y="-3124.86" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37&#45;&gt;n85 -->
<g id="edge128" class="edge"><title>n37&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1942.83,-2880.13C1942.83,-2859.3 1942.83,-2829 1942.83,-2829 1942.83,-2829 2358,-2829 2358,-2829 2358,-2829 2358,-2703 2358,-2703 2358,-2703 2646.54,-2703 2646.54,-2703 2646.54,-2703 2646.54,-2497 2646.54,-2497 2646.54,-2497 2408.61,-2497 2408.61,-2497"/>
<polygon fill="red" stroke="red" points="2408.61,-2493.5 2398.61,-2497 2408.61,-2500.5 2408.61,-2493.5"/>
<text text-anchor="middle" x="2396.09" y="-2706.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37&#45;&gt;n87 -->
<g id="edge129" class="edge"><title>n37&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2117.49,-2880.03C2117.49,-2859.51 2117.49,-2830 2117.49,-2830 2117.49,-2830 2362.09,-2830 2362.09,-2830 2362.09,-2830 2362.09,-2695 2362.09,-2695 2362.09,-2695 2638.93,-2695 2638.93,-2695 2638.93,-2695 2638.93,-2521 2638.93,-2521 2638.93,-2521 2010.33,-2521 2010.33,-2521"/>
<polygon fill="red" stroke="red" points="2010.33,-2517.5 2000.33,-2521 2010.33,-2524.5 2010.33,-2517.5"/>
<text text-anchor="middle" x="2606.93" y="-2650.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37&#45;&gt;n89 -->
<g id="edge131" class="edge"><title>n37&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1956.96,-2918.63C1956.96,-2924.29 1956.96,-2929 1956.96,-2929 1956.96,-2929 1215.76,-2929 1215.76,-2929 1215.76,-2929 1215.76,-2851 1215.76,-2851 1215.76,-2851 1321.92,-2851 1321.92,-2851 1321.92,-2851 1321.92,-2801 1321.92,-2801 1321.92,-2801 1692.82,-2801 1692.82,-2801 1692.82,-2801 1692.82,-2526.36 1692.82,-2526.36"/>
<polygon fill="red" stroke="red" points="1696.32,-2526.36 1692.82,-2516.36 1689.32,-2526.36 1696.32,-2526.36"/>
<text text-anchor="middle" x="1247.76" y="-2853.74" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37&#45;&gt;n112 -->
<g id="edge127" class="edge"><title>n37&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1943.18,-2918.53C1943.18,-2926.09 1943.18,-2933 1943.18,-2933 1943.18,-2933 1033.72,-2933 1033.72,-2933 1033.72,-2933 1033.72,-2854 1033.72,-2854 1033.72,-2854 594.47,-2854 594.47,-2854 594.47,-2854 594.47,-2607 594.47,-2607 594.47,-2607 1249.97,-2607 1249.97,-2607"/>
<polygon fill="red" stroke="red" points="1249.97,-2610.5 1259.97,-2607 1249.97,-2603.5 1249.97,-2610.5"/>
<text text-anchor="middle" x="832.31" y="-2857.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n37&#45;&gt;n554 -->
<g id="edge133" class="edge"><title>n37&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1997.64,-2880.22C1997.64,-2829.6 1997.64,-2696 1997.64,-2696 1997.64,-2696 1620.97,-2696 1620.97,-2696"/>
<polygon fill="red" stroke="red" points="1620.97,-2692.5 1610.97,-2696 1620.97,-2699.5 1620.97,-2692.5"/>
<text text-anchor="middle" x="1933.41" y="-2699.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n69 -->
<g id="node64" class="node"><title>n69</title>
<polygon fill="aliceblue" stroke="black" points="1283.85,-2126.03 1283.85,-2262.03 1498.85,-2262.03 1498.85,-2126.03 1283.85,-2126.03"/>
<text text-anchor="middle" x="1391.35" y="-2246.83" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1391.35" y="-2231.83" font-family="Times New Roman,serif" font-size="14.00">src/js/fullscreen&#45;api.js</text>
<polyline fill="none" stroke="black" points="1283.85,-2224.03 1498.85,-2224.03 "/>
<text text-anchor="start" x="1291.85" y="-2208.83" font-family="Times New Roman,serif" font-size="14.00">+FullscreenApi : object</text>
<text text-anchor="start" x="1291.85" y="-2193.83" font-family="Times New Roman,serif" font-size="14.00">+FullscreenApi. : object</text>
<text text-anchor="start" x="1291.85" y="-2178.83" font-family="Times New Roman,serif" font-size="14.00">+apiMap : array</text>
<text text-anchor="start" x="1291.85" y="-2163.83" font-family="Times New Roman,serif" font-size="14.00">+browserApi : variable = undefined</text>
<text text-anchor="start" x="1291.85" y="-2148.83" font-family="Times New Roman,serif" font-size="14.00">+i : number = 0</text>
<text text-anchor="start" x="1291.85" y="-2133.83" font-family="Times New Roman,serif" font-size="14.00">+specApi : object</text>
</g>
<!-- n69&#45;&gt;n554 -->
<g id="edge251" class="edge"><title>n69&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1283.72,-2258C1141.22,-2258 907.738,-2258 907.738,-2258 907.738,-2258 907.738,-2487 907.738,-2487 907.738,-2487 1253.15,-2487 1253.15,-2487 1253.15,-2487 1253.15,-2649 1253.15,-2649 1253.15,-2649 1542.31,-2649 1542.31,-2649 1542.31,-2649 1542.31,-2681.83 1542.31,-2681.83"/>
<polygon fill="red" stroke="red" points="1538.81,-2681.83 1542.31,-2691.83 1545.81,-2681.83 1538.81,-2681.83"/>
<text text-anchor="middle" x="987.946" y="-2490.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n70&#45;&gt;n6994 -->
<g id="edge252" class="edge"><title>n70&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2870.8,-2617C2898.29,-2617 2920.43,-2617 2920.43,-2617 2920.43,-2617 2920.43,-2842 2920.43,-2842 2920.43,-2842 2287.48,-2842 2287.48,-2842 2287.48,-2842 2287.48,-2971.88 2287.48,-2971.88"/>
<polygon fill="red" stroke="red" points="2283.98,-2971.88 2287.48,-2981.88 2290.98,-2971.88 2283.98,-2971.88"/>
<text text-anchor="middle" x="2644.33" y="-2845.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n71&#45;&gt;n63 -->
<g id="edge257" class="edge"><title>n71&#45;&gt;n63</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1592.88,-3450C1592.88,-3450 1593.64,-3450 1593.64,-3450"/>
<polygon fill="red" stroke="red" points="1590.51,-3453.5 1600.51,-3450 1590.51,-3446.5 1590.51,-3453.5"/>
<text text-anchor="middle" x="1625.26" y="-3453.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n71&#45;&gt;n66 -->
<g id="edge256" class="edge"><title>n71&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1544.05,-3443.62C1544.05,-3416.74 1544.05,-3389 1544.05,-3389 1544.05,-3389 2074.66,-3389 2074.66,-3389 2074.66,-3389 2074.66,-3319 2074.66,-3319 2074.66,-3319 2325.05,-3319 2325.05,-3319 2325.05,-3319 2325.05,-3280.93 2325.05,-3280.93"/>
<polygon fill="red" stroke="red" points="2328.55,-3280.93 2325.05,-3270.93 2321.55,-3280.93 2328.55,-3280.93"/>
<text text-anchor="middle" x="1993.27" y="-3392.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n71&#45;&gt;n95 -->
<g id="edge255" class="edge"><title>n71&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1576.47,-3443.45C1576.47,-3443.45 1576.47,-3080.59 1576.47,-3080.59"/>
<polygon fill="red" stroke="red" points="1579.97,-3080.59 1576.47,-3070.59 1572.97,-3080.59 1579.97,-3080.59"/>
<text text-anchor="middle" x="1576.47" y="-3250.82" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n71&#45;&gt;n101 -->
<g id="edge254" class="edge"><title>n71&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1583.75,-3443.61C1583.75,-3354.07 1583.75,-3175 1583.75,-3175 1583.75,-3175 1769.34,-3175 1769.34,-3175 1769.34,-3175 1769.34,-3186 1769.34,-3186 1769.34,-3186 1786.68,-3186 1786.68,-3186 1786.68,-3186 1786.68,-3132 1786.68,-3132 1786.68,-3132 2027.36,-3132 2027.36,-3132"/>
<polygon fill="red" stroke="red" points="2027.36,-3135.5 2037.36,-3132 2027.35,-3128.5 2027.36,-3135.5"/>
<text text-anchor="middle" x="1671.75" y="-3163.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n71&#45;&gt;n92 -->
<g id="edge253" class="edge"><title>n71&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1323.67,-3443.71C1323.67,-3346.19 1323.67,-3139 1323.67,-3139 1323.67,-3139 1604.42,-3139 1604.42,-3139 1604.42,-3139 1604.42,-3112 1604.42,-3112 1604.42,-3112 1469.21,-3112 1469.21,-3112 1469.21,-3112 1469.21,-3090 1469.21,-3090 1469.21,-3090 2159.08,-3090 2159.08,-3090"/>
<polygon fill="red" stroke="red" points="2159.08,-3093.5 2169.08,-3090 2159.08,-3086.5 2159.08,-3093.5"/>
<text text-anchor="middle" x="1519.12" y="-3100.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n7509 -->
<g id="node188" class="node"><title>n7509</title>
<polygon fill="#97ffff" stroke="black" points="640.132,-3904.61 640.132,-4205.61 818.132,-4205.61 818.132,-3904.61 640.132,-3904.61"/>
<text text-anchor="middle" x="729.132" y="-4190.41" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="729.132" y="-4175.41" font-family="Times New Roman,serif" font-size="14.00">ModalDialog</text>
<polyline fill="none" stroke="black" points="640.132,-4167.61 818.132,-4167.61 "/>
<text text-anchor="start" x="648.132" y="-4152.41" font-family="Times New Roman,serif" font-size="14.00">+contentEl_(div)</text>
<text text-anchor="start" x="648.132" y="-4137.41" font-family="Times New Roman,serif" font-size="14.00">+descEl_(p)</text>
<text text-anchor="start" x="648.132" y="-4122.41" font-family="Times New Roman,serif" font-size="14.00">+opened_()</text>
<text text-anchor="start" x="648.132" y="-4107.41" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="648.132" y="-4092.41" font-family="Times New Roman,serif" font-size="14.00">&#45;close()</text>
<text text-anchor="start" x="648.132" y="-4077.41" font-family="Times New Roman,serif" font-size="14.00">&#45;closeable(value)</text>
<text text-anchor="start" x="648.132" y="-4062.41" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="648.132" y="-4047.41" font-family="Times New Roman,serif" font-size="14.00">&#45;content(value)</text>
<text text-anchor="start" x="648.132" y="-4032.41" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="648.132" y="-4017.41" font-family="Times New Roman,serif" font-size="14.00">&#45;description()</text>
<text text-anchor="start" x="648.132" y="-4002.41" font-family="Times New Roman,serif" font-size="14.00">&#45;empty()</text>
<text text-anchor="start" x="648.132" y="-3987.41" font-family="Times New Roman,serif" font-size="14.00">&#45;fill()</text>
<text text-anchor="start" x="648.132" y="-3972.41" font-family="Times New Roman,serif" font-size="14.00">&#45;fillWith(content)</text>
<text text-anchor="start" x="648.132" y="-3957.41" font-family="Times New Roman,serif" font-size="14.00">&#45;handleKeyPress(e)</text>
<text text-anchor="start" x="648.132" y="-3942.41" font-family="Times New Roman,serif" font-size="14.00">&#45;label()</text>
<text text-anchor="start" x="648.132" y="-3927.41" font-family="Times New Roman,serif" font-size="14.00">&#45;open()</text>
<text text-anchor="start" x="648.132" y="-3912.41" font-family="Times New Roman,serif" font-size="14.00">&#45;opened(value)</text>
</g>
<!-- n71&#45;&gt;n7509 -->
<g id="edge258" class="edge"><title>n71&#45;&gt;n7509</title>
<path fill="none" stroke="black" d="M1272.59,-3532C1272.59,-3532 989.706,-3532 989.706,-3532 989.706,-3532 989.706,-3968 989.706,-3968 989.706,-3968 893.873,-3968 818.442,-3968"/>
<polygon fill="black" stroke="black" points="1272.59,-3532 1278.59,-3528 1284.59,-3532 1278.59,-3536 1272.59,-3532"/>
</g>
<!-- n72&#45;&gt;n61 -->
<g id="edge284" class="edge"><title>n72&#45;&gt;n61</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1804.01,-3061.32C1804.01,-3169.55 1804.01,-3393 1804.01,-3393 1804.01,-3393 1743.22,-3393 1743.22,-3393 1743.22,-3393 1743.22,-3496.96 1743.22,-3496.96"/>
<polygon fill="red" stroke="red" points="1739.73,-3496.96 1743.22,-3506.96 1746.73,-3496.96 1739.73,-3496.96"/>
<text text-anchor="middle" x="1836.01" y="-3313.33" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n66 -->
<g id="edge259" class="edge"><title>n72&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1822.96,-3061.19C1822.96,-3143.91 1822.96,-3287 1822.96,-3287 1822.96,-3287 2437.68,-3287 2437.68,-3287 2437.68,-3287 2437.68,-3261 2437.68,-3261 2437.68,-3261 2429.68,-3261 2429.68,-3261"/>
<polygon fill="red" stroke="red" points="2429.68,-3257.5 2419.68,-3261 2429.68,-3264.5 2429.68,-3257.5"/>
<text text-anchor="middle" x="2066.42" y="-3290.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n69 -->
<g id="edge272" class="edge"><title>n72&#45;&gt;n69</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1809.18,-3060.92C1809.18,-3164.73 1809.18,-3374 1809.18,-3374 1809.18,-3374 2124.96,-3374 2124.96,-3374 2124.96,-3374 2124.96,-3397 2124.96,-3397 2124.96,-3397 1523.72,-3397 1523.72,-3397 1523.72,-3397 1523.72,-3357 1523.72,-3357 1523.72,-3357 1308.14,-3357 1308.14,-3357 1308.14,-3357 1308.14,-3166 1308.14,-3166 1308.14,-3166 418.825,-3166 418.825,-3166 418.825,-3166 418.825,-2282 418.825,-2282 418.825,-2282 1304.73,-2282 1304.73,-2282 1304.73,-2282 1304.73,-2272.04 1304.73,-2272.04"/>
<polygon fill="red" stroke="red" points="1308.23,-2272.04 1304.73,-2262.04 1301.23,-2272.04 1308.23,-2272.04"/>
<text text-anchor="middle" x="791.394" y="-3169.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n70 -->
<g id="edge273" class="edge"><title>n72&#45;&gt;n70</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1776.26,-3060.91C1776.26,-3104.44 1776.26,-3157 1776.26,-3157 1776.26,-3157 1567.38,-3157 1567.38,-3157 1567.38,-3157 1567.38,-3338 1567.38,-3338 1567.38,-3338 1292.61,-3338 1292.61,-3338 1292.61,-3338 1292.61,-3273 1292.61,-3273 1292.61,-3273 618.836,-3273 618.836,-3273 618.836,-3273 618.836,-3224 618.836,-3224 618.836,-3224 4131.68,-3224 4131.68,-3224 4131.68,-3224 4131.68,-2572 4131.68,-2572 4131.68,-2572 2880.85,-2572 2880.85,-2572"/>
<polygon fill="red" stroke="red" points="2880.85,-2568.5 2870.85,-2572 2880.85,-2575.5 2880.85,-2568.5"/>
<text text-anchor="middle" x="2584.42" y="-3227.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n71 -->
<g id="edge288" class="edge"><title>n72&#45;&gt;n71</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1759.76,-3061.26C1759.76,-3074.1 1759.76,-3084 1759.76,-3084 1759.76,-3084 1578.29,-3084 1578.29,-3084 1578.29,-3084 1578.29,-3433.57 1578.29,-3433.57"/>
<polygon fill="red" stroke="red" points="1574.79,-3433.57 1578.29,-3443.57 1581.79,-3433.57 1574.79,-3433.57"/>
<text text-anchor="middle" x="1610.29" y="-3145.48" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n74 -->
<g id="edge281" class="edge"><title>n72&#45;&gt;n74</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.63,-3028C2112.96,-3028 3013.15,-3028 3013.15,-3028 3013.15,-3028 3013.15,-3014 3013.15,-3014 3013.15,-3014 2694.07,-3014 2694.07,-3014 2694.07,-3014 2694.07,-2878 2694.07,-2878 2694.07,-2878 2533.63,-2878 2533.63,-2878"/>
<polygon fill="red" stroke="red" points="2533.63,-2874.5 2523.63,-2878 2533.63,-2881.5 2533.63,-2874.5"/>
<text text-anchor="middle" x="2716.16" y="-3031.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n77 -->
<g id="node72" class="node"><title>n77</title>
<polygon fill="aliceblue" stroke="black" points="2164.15,-3592.12 2164.15,-3630.12 2313.15,-3630.12 2313.15,-3592.12 2164.15,-3592.12"/>
<text text-anchor="middle" x="2238.65" y="-3614.92" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2238.65" y="-3599.92" font-family="Times New Roman,serif" font-size="14.00">src/js/loading&#45;spinner.js</text>
</g>
<!-- n72&#45;&gt;n77 -->
<g id="edge283" class="edge"><title>n72&#45;&gt;n77</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1802.28,-3061.34C1802.28,-3106.91 1802.28,-3163 1802.28,-3163 1802.28,-3163 1569.2,-3163 1569.2,-3163 1569.2,-3163 1569.2,-3353 1569.2,-3353 1569.2,-3353 1367.66,-3353 1367.66,-3353 1367.66,-3353 1367.66,-3402 1367.66,-3402 1367.66,-3402 1199.64,-3402 1199.64,-3402 1199.64,-3402 1199.64,-3563 1199.64,-3563 1199.64,-3563 1581.51,-3563 1581.51,-3563 1581.51,-3563 1581.51,-3649 1581.51,-3649 1581.51,-3649 2224.69,-3649 2224.69,-3649 2224.69,-3649 2224.69,-3640.5 2224.69,-3640.5"/>
<polygon fill="red" stroke="red" points="2228.19,-3640.5 2224.69,-3630.5 2221.19,-3640.5 2228.19,-3640.5"/>
<text text-anchor="middle" x="1175.26" y="-3566.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n85 -->
<g id="edge290" class="edge"><title>n72&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.56,-3030C2110.48,-3030 2996.28,-3030 2996.28,-3030 2996.28,-3030 2996.28,-3049 2996.28,-3049 2996.28,-3049 3085.52,-3049 3085.52,-3049 3085.52,-3049 3085.52,-2863 3085.52,-2863 3085.52,-2863 2941.28,-2863 2941.28,-2863 2941.28,-2863 2941.28,-2236 2941.28,-2236 2941.28,-2236 2408.49,-2236 2408.49,-2236"/>
<polygon fill="red" stroke="red" points="2408.49,-2232.5 2398.49,-2236 2408.49,-2239.5 2408.49,-2232.5"/>
<text text-anchor="middle" x="3053.52" y="-2933.26" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n87 -->
<g id="edge289" class="edge"><title>n72&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.96,-2965C1857.32,-2965 1859.34,-2965 1859.34,-2965 1859.34,-2965 1859.34,-2943 1859.34,-2943 1859.34,-2943 1046.59,-2943 1046.59,-2943 1046.59,-2943 1046.59,-2774 1046.59,-2774 1046.59,-2774 1247.98,-2774 1247.98,-2774 1247.98,-2774 1247.98,-2535 1247.98,-2535 1247.98,-2535 1717.68,-2535 1717.68,-2535"/>
<polygon fill="red" stroke="red" points="1717.68,-2538.5 1727.68,-2535 1717.68,-2531.5 1717.68,-2538.5"/>
<text text-anchor="middle" x="1030.59" y="-2812.32" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n88 -->
<g id="node83" class="node"><title>n88</title>
<polygon fill="aliceblue" stroke="black" points="1628.81,-3182.05 1628.81,-3220.05 1753.81,-3220.05 1753.81,-3182.05 1628.81,-3182.05"/>
<text text-anchor="middle" x="1691.31" y="-3204.85" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1691.31" y="-3189.85" font-family="Times New Roman,serif" font-size="14.00">src/js/tech/loader.js</text>
</g>
<!-- n72&#45;&gt;n88 -->
<g id="edge280" class="edge"><title>n72&#45;&gt;n88</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1784.94,-3061.05C1784.94,-3116.08 1784.94,-3191 1784.94,-3191 1784.94,-3191 1764.02,-3191 1764.02,-3191"/>
<polygon fill="red" stroke="red" points="1764.02,-3187.5 1754.02,-3191 1764.02,-3194.5 1764.02,-3187.5"/>
<text text-anchor="middle" x="1816.94" y="-3140.29" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n89 -->
<g id="edge266" class="edge"><title>n72&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1730.83,-2946.9C1730.83,-2938.17 1730.83,-2932 1730.83,-2932 1730.83,-2932 1223.02,-2932 1223.02,-2932 1223.02,-2932 1223.02,-2849 1223.02,-2849 1223.02,-2849 1327.6,-2849 1327.6,-2849 1327.6,-2849 1327.6,-2800 1327.6,-2800 1327.6,-2800 1694.18,-2800 1694.18,-2800 1694.18,-2800 1694.18,-2526.21 1694.18,-2526.21"/>
<polygon fill="red" stroke="red" points="1697.68,-2526.21 1694.18,-2516.21 1690.68,-2526.21 1697.68,-2526.21"/>
<text text-anchor="middle" x="1317.14" y="-2837.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n91 -->
<g id="edge262" class="edge"><title>n72&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1838.17,-2946.71C1838.17,-2946.71 1838.17,-2909.65 1838.17,-2909.65"/>
<polygon fill="red" stroke="red" points="1841.67,-2909.65 1838.17,-2899.65 1834.67,-2909.65 1841.67,-2909.65"/>
<text text-anchor="middle" x="1806.17" y="-2931.98" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n90 -->
<g id="node87" class="node"><title>n90</title>
<polygon fill="aliceblue" stroke="black" points="1975.78,-2976.38 1975.78,-3014.38 2098.78,-3014.38 2098.78,-2976.38 1975.78,-2976.38"/>
<text text-anchor="middle" x="2037.28" y="-2999.18" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2037.28" y="-2984.18" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/buffer.js</text>
</g>
<!-- n72&#45;&gt;n90 -->
<g id="edge270" class="edge"><title>n72&#45;&gt;n90</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.57,-2985C1853.57,-2985 1965.63,-2985 1965.63,-2985"/>
<polygon fill="red" stroke="red" points="1965.63,-2988.5 1975.63,-2985 1965.63,-2981.5 1965.63,-2988.5"/>
<text text-anchor="middle" x="1909.6" y="-2973.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [bufferedPercent]»</text>
</g>
<!-- n72&#45;&gt;n94 -->
<g id="edge265" class="edge"><title>n72&#45;&gt;n94</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.57,-2950C1887.77,-2950 1921.84,-2950 1921.84,-2950 1921.84,-2950 1921.84,-2866 1921.84,-2866 1921.84,-2866 2088.57,-2866 2088.57,-2866 2088.57,-2866 2088.57,-2787.74 2088.57,-2787.74"/>
<polygon fill="red" stroke="red" points="2092.07,-2787.74 2088.57,-2777.74 2085.07,-2787.74 2092.07,-2787.74"/>
<text text-anchor="middle" x="2000.2" y="-2869.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n95 -->
<g id="edge267" class="edge"><title>n72&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1715.44,-3005C1715.44,-3005 1645.13,-3005 1645.13,-3005"/>
<polygon fill="red" stroke="red" points="1645.13,-3001.5 1635.13,-3005 1645.13,-3008.5 1645.13,-3001.5"/>
<text text-anchor="middle" x="1680.28" y="-2993.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n96 -->
<g id="edge276" class="edge"><title>n72&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.7,-2952C1992.09,-2952 2289.8,-2952 2289.8,-2952 2289.8,-2952 2289.8,-2892 2289.8,-2892 2289.8,-2892 2608.19,-2892 2608.19,-2892 2608.19,-2892 2608.19,-2625 2608.19,-2625 2608.19,-2625 2214.67,-2625 2214.67,-2625"/>
<polygon fill="red" stroke="red" points="2214.67,-2621.5 2204.67,-2625 2214.67,-2628.5 2214.67,-2621.5"/>
<text text-anchor="middle" x="2499.2" y="-2895.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n97 -->
<g id="node92" class="node"><title>n97</title>
<polygon fill="aliceblue" stroke="black" points="1089.47,-2619.66 1089.47,-2657.66 1232.47,-2657.66 1232.47,-2619.66 1089.47,-2619.66"/>
<text text-anchor="middle" x="1160.97" y="-2642.46" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1160.97" y="-2627.46" font-family="Times New Roman,serif" font-size="14.00">src/js/utils/stylesheet.js</text>
</g>
<!-- n72&#45;&gt;n97 -->
<g id="edge271" class="edge"><title>n72&#45;&gt;n97</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1777.99,-3061.2C1777.99,-3102.5 1777.99,-3151 1777.99,-3151 1777.99,-3151 1581.93,-3151 1581.93,-3151 1581.93,-3151 1581.93,-3421 1581.93,-3421 1581.93,-3421 995.96,-3421 995.96,-3421 995.96,-3421 995.96,-2710 995.96,-2710 995.96,-2710 1105.68,-2710 1105.68,-2710 1105.68,-2710 1105.68,-2667.78 1105.68,-2667.78"/>
<polygon fill="red" stroke="red" points="1109.18,-2667.78 1105.68,-2657.78 1102.18,-2667.78 1109.18,-2667.78"/>
<text text-anchor="middle" x="1103.4" y="-3409.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n98 -->
<g id="edge269" class="edge"><title>n72&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.52,-3037C2086.64,-3037 2830.3,-3037 2830.3,-3037 2830.3,-3037 2830.3,-3082 2830.3,-3082 2830.3,-3082 3340.84,-3082 3340.84,-3082 3340.84,-3082 3340.84,-3109 3340.84,-3109 3340.84,-3109 3713.39,-3109 3713.39,-3109 3713.39,-3109 3713.39,-2874 3713.39,-2874 3713.39,-2874 2908.33,-2874 2908.33,-2874 2908.33,-2874 2908.33,-2845.37 2908.33,-2845.37"/>
<polygon fill="red" stroke="red" points="2911.83,-2845.37 2908.33,-2835.37 2904.83,-2845.37 2911.83,-2845.37"/>
<text text-anchor="middle" x="3390.31" y="-3070.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRange]»</text>
</g>
<!-- n72&#45;&gt;n100 -->
<g id="edge268" class="edge"><title>n72&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1821.24,-3061.02C1821.24,-3155.5 1821.24,-3334 1821.24,-3334 1821.24,-3334 1866.75,-3334 1866.75,-3334"/>
<polygon fill="red" stroke="red" points="1866.75,-3337.5 1876.75,-3334 1866.75,-3330.5 1866.75,-3337.5"/>
<text text-anchor="middle" x="1789.24" y="-3209.07" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n101 -->
<g id="edge264" class="edge"><title>n72&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1844.47,-3061.08C1844.47,-3088.3 1844.47,-3115 1844.47,-3115 1844.47,-3115 2027.37,-3115 2027.37,-3115"/>
<polygon fill="red" stroke="red" points="2027.37,-3118.5 2037.37,-3115 2027.37,-3111.5 2027.37,-3118.5"/>
<text text-anchor="middle" x="1940.96" y="-3118.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n102 -->
<g id="edge278" class="edge"><title>n72&#45;&gt;n102</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1800.56,-3061.14C1800.56,-3105.69 1800.56,-3160 1800.56,-3160 1800.56,-3160 1554.64,-3160 1554.64,-3160 1554.64,-3160 1554.64,-3136 1554.64,-3136 1554.64,-3136 1202.17,-3136 1202.17,-3136 1202.17,-3136 1202.17,-3055 1202.17,-3055 1202.17,-3055 514.255,-3055 514.255,-3055 514.255,-3055 514.255,-2577 514.255,-2577 514.255,-2577 669.353,-2577 669.353,-2577 669.353,-2577 669.353,-2432 669.353,-2432 669.353,-2432 1092.51,-2432 1092.51,-2432"/>
<polygon fill="red" stroke="red" points="1092.51,-2435.5 1102.51,-2432 1092.51,-2428.5 1092.51,-2435.5"/>
<text text-anchor="middle" x="626.711" y="-3058.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n107 -->
<g id="edge277" class="edge"><title>n72&#45;&gt;n107</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1730.25,-3060.97C1730.25,-3073.44 1730.25,-3083 1730.25,-3083 1730.25,-3083 1444.31,-3083 1444.31,-3083 1444.31,-3083 1444.31,-3062 1444.31,-3062 1444.31,-3062 848.354,-3062 848.354,-3062 848.354,-3062 848.354,-3062.23 848.354,-3062.23"/>
<polygon fill="red" stroke="red" points="844.855,-3054.31 848.354,-3064.31 851.855,-3054.31 844.855,-3054.31"/>
<text text-anchor="middle" x="1278.71" y="-3065.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n108 -->
<g id="edge287" class="edge"><title>n72&#45;&gt;n108</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1790.15,-3061.13C1790.15,-3133.28 1790.15,-3248 1790.15,-3248 1790.15,-3248 1557.15,-3248 1557.15,-3248"/>
<polygon fill="red" stroke="red" points="1557.15,-3244.5 1547.15,-3248 1557.15,-3251.5 1557.15,-3244.5"/>
<text text-anchor="middle" x="1735.08" y="-3236.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n110 -->
<g id="edge282" class="edge"><title>n72&#45;&gt;n110</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1791.89,-3061.01C1791.89,-3061.01 1791.89,-3246.72 1791.89,-3246.72"/>
<polygon fill="red" stroke="red" points="1788.39,-3246.72 1791.89,-3256.72 1795.39,-3246.72 1788.39,-3246.72"/>
<text text-anchor="middle" x="1759.89" y="-3157.67" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n113 -->
<g id="edge279" class="edge"><title>n72&#45;&gt;n113</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1779.73,-3061.02C1779.73,-3117.64 1779.73,-3196 1779.73,-3196 1779.73,-3196 1764.16,-3196 1764.16,-3196 1764.16,-3196 1764.16,-3247 1764.16,-3247 1764.16,-3247 1612.18,-3247 1612.18,-3247 1612.18,-3247 1612.18,-3131 1612.18,-3131 1612.18,-3131 1179.15,-3131 1179.15,-3131 1179.15,-3131 1179.15,-3058 1179.15,-3058 1179.15,-3058 439.406,-3058 439.406,-3058 439.406,-3058 439.406,-2298 439.406,-2298 439.406,-2298 1148.67,-2298 1148.67,-2298 1148.67,-2298 1148.67,-2306.61 1148.67,-2306.61"/>
<polygon fill="red" stroke="red" points="1145.17,-2306.61 1148.67,-2316.61 1152.17,-2306.61 1145.17,-2306.61"/>
<text text-anchor="middle" x="526.122" y="-3061.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n68 -->
<g id="node110" class="node"><title>n68</title>
<polygon fill="aliceblue" stroke="black" points="1826.41,-3144.43 1826.41,-3205.43 1960.41,-3205.43 1960.41,-3144.43 1826.41,-3144.43"/>
<text text-anchor="middle" x="1893.41" y="-3190.23" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1893.41" y="-3175.23" font-family="Times New Roman,serif" font-size="14.00">src/js/error&#45;display.js</text>
<polyline fill="none" stroke="black" points="1826.41,-3167.43 1960.41,-3167.43 "/>
<text text-anchor="start" x="1834.41" y="-3152.23" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n72&#45;&gt;n68 -->
<g id="edge286" class="edge"><title>n72&#45;&gt;n68</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1835.44,-3061.33C1835.44,-3061.33 1835.44,-3134.29 1835.44,-3134.29"/>
<polygon fill="red" stroke="red" points="1831.94,-3134.29 1835.44,-3144.29 1838.94,-3134.29 1831.94,-3134.29"/>
<text text-anchor="middle" x="1803.44" y="-3101.61" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117 -->
<g id="node112" class="node"><title>n117</title>
<polygon fill="aliceblue" stroke="black" points="2504.63,-3369.28 2504.63,-3430.28 2695.63,-3430.28 2695.63,-3369.28 2504.63,-3369.28"/>
<text text-anchor="middle" x="2600.13" y="-3415.08" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2600.13" y="-3400.08" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/control&#45;bar.js</text>
<polyline fill="none" stroke="black" points="2504.63,-3392.28 2695.63,-3392.28 "/>
<text text-anchor="start" x="2512.63" y="-3377.08" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n72&#45;&gt;n117 -->
<g id="edge285" class="edge"><title>n72&#45;&gt;n117</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.61,-3036C2088.86,-3036 2844.03,-3036 2844.03,-3036 2844.03,-3036 2844.03,-3080 2844.03,-3080 2844.03,-3080 3480.35,-3080 3480.35,-3080 3480.35,-3080 3480.35,-3246 3480.35,-3246 3480.35,-3246 3408.29,-3246 3408.29,-3246 3408.29,-3246 3408.29,-3379 3408.29,-3379 3408.29,-3379 2706.01,-3379 2706.01,-3379"/>
<polygon fill="red" stroke="red" points="2706.01,-3375.5 2696.01,-3379 2706.01,-3382.5 2706.01,-3375.5"/>
<text text-anchor="middle" x="3149.65" y="-3068.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n92 -->
<g id="edge263" class="edge"><title>n72&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.76,-3038C1965.81,-3038 2174.42,-3038 2174.42,-3038 2174.42,-3038 2174.42,-3039.65 2174.42,-3039.65"/>
<polygon fill="red" stroke="red" points="2170.92,-3039.65 2174.42,-3049.65 2177.92,-3039.65 2170.92,-3039.65"/>
<text text-anchor="middle" x="1982.92" y="-3026.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n554 -->
<g id="edge260" class="edge"><title>n72&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1792.17,-2946.67C1792.17,-2925.24 1792.17,-2906 1792.17,-2906 1792.17,-2906 1624.71,-2906 1624.71,-2906 1624.71,-2906 1624.71,-2724 1624.71,-2724 1624.71,-2724 1621.11,-2724 1621.11,-2724"/>
<polygon fill="red" stroke="red" points="1621.11,-2720.5 1611.11,-2724 1621.11,-2727.5 1621.11,-2720.5"/>
<text text-anchor="middle" x="1667.97" y="-2909.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n555 -->
<g id="edge261" class="edge"><title>n72&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1822.83,-2946.84C1822.83,-2929.53 1822.83,-2915 1822.83,-2915 1822.83,-2915 1628.97,-2915 1628.97,-2915"/>
<polygon fill="red" stroke="red" points="1628.97,-2911.5 1618.97,-2915 1628.97,-2918.5 1628.97,-2911.5"/>
<text text-anchor="middle" x="1773.82" y="-2903.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n72&#45;&gt;n6994 -->
<g id="edge275" class="edge"><title>n72&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1853.57,-2959C1980.79,-2959 2239.26,-2959 2239.26,-2959 2239.26,-2959 2239.26,-2972 2239.26,-2972"/>
<polygon fill="red" stroke="red" points="2235.76,-2972 2239.26,-2982 2242.76,-2972 2235.76,-2972"/>
<text text-anchor="middle" x="2084.92" y="-2962.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n7624 -->
<g id="node189" class="node"><title>n7624</title>
<polygon fill="#97ffff" stroke="black" points="1397.63,-4382.15 1397.63,-6056.15 1724.63,-6056.15 1724.63,-4382.15 1397.63,-4382.15"/>
<text text-anchor="middle" x="1561.13" y="-6040.95" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1561.13" y="-6025.95" font-family="Times New Roman,serif" font-size="14.00">Player</text>
<polyline fill="none" stroke="black" points="1397.63,-6018.15 1724.63,-6018.15 "/>
<text text-anchor="start" x="1405.63" y="-6002.95" font-family="Times New Roman,serif" font-size="14.00">+options.createEl : boolean = false</text>
<text text-anchor="start" x="1405.63" y="-5987.95" font-family="Times New Roman,serif" font-size="14.00">+options.initChildren : boolean = false</text>
<text text-anchor="start" x="1405.63" y="-5972.95" font-family="Times New Roman,serif" font-size="14.00">+options.reportTouchActivity : boolean = false</text>
<text text-anchor="start" x="1405.63" y="-5957.95" font-family="Times New Roman,serif" font-size="14.00">+options_.playerOptions : identifier = playerOptionsCo</text>
<text text-anchor="start" x="1405.63" y="-5942.95" font-family="Times New Roman,serif" font-size="14.00">+scrubbing_ : boolean = false</text>
<text text-anchor="start" x="1405.63" y="-5927.95" font-family="Times New Roman,serif" font-size="14.00">+tag : identifier = tag</text>
<text text-anchor="start" x="1405.63" y="-5912.95" font-family="Times New Roman,serif" font-size="14.00">+tag.controls : boolean = false</text>
<polyline fill="none" stroke="black" points="1397.63,-5905.15 1724.63,-5905.15 "/>
<text text-anchor="start" x="1405.63" y="-5889.95" font-family="Times New Roman,serif" font-size="14.00">+cache_()</text>
<text text-anchor="start" x="1405.63" y="-5874.95" font-family="Times New Roman,serif" font-size="14.00">+controls_()</text>
<text text-anchor="start" x="1405.63" y="-5859.95" font-family="Times New Roman,serif" font-size="14.00">+el_()</text>
<text text-anchor="start" x="1405.63" y="-5844.95" font-family="Times New Roman,serif" font-size="14.00">+poster_()</text>
<text text-anchor="start" x="1405.63" y="-5829.95" font-family="Times New Roman,serif" font-size="14.00">+tagAttributes()</text>
<text text-anchor="start" x="1405.63" y="-5814.95" font-family="Times New Roman,serif" font-size="14.00">&#45;Player.players.()</text>
<text text-anchor="start" x="1405.63" y="-5799.95" font-family="Times New Roman,serif" font-size="14.00">&#45;addTechControlsListeners_()</text>
<text text-anchor="start" x="1405.63" y="-5784.95" font-family="Times New Roman,serif" font-size="14.00">&#45;aspectRatio(ratio)</text>
<text text-anchor="start" x="1405.63" y="-5769.95" font-family="Times New Roman,serif" font-size="14.00">&#45;autoplay(value)</text>
<text text-anchor="start" x="1405.63" y="-5754.95" font-family="Times New Roman,serif" font-size="14.00">&#45;buffered()</text>
<text text-anchor="start" x="1405.63" y="-5739.95" font-family="Times New Roman,serif" font-size="14.00">&#45;bufferedEnd()</text>
<text text-anchor="start" x="1405.63" y="-5724.95" font-family="Times New Roman,serif" font-size="14.00">&#45;bufferedPercent()</text>
<text text-anchor="start" x="1405.63" y="-5709.95" font-family="Times New Roman,serif" font-size="14.00">&#45;canPlayType(type)</text>
<text text-anchor="start" x="1405.63" y="-5694.95" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(tag, options, ready)</text>
<text text-anchor="start" x="1405.63" y="-5679.95" font-family="Times New Roman,serif" font-size="14.00">&#45;controls(bool)</text>
<text text-anchor="start" x="1405.63" y="-5664.95" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1405.63" y="-5649.95" font-family="Times New Roman,serif" font-size="14.00">&#45;currentSrc()</text>
<text text-anchor="start" x="1405.63" y="-5634.95" font-family="Times New Roman,serif" font-size="14.00">&#45;currentTime(seconds)</text>
<text text-anchor="start" x="1405.63" y="-5619.95" font-family="Times New Roman,serif" font-size="14.00">&#45;currentType()</text>
<text text-anchor="start" x="1405.63" y="-5604.95" font-family="Times New Roman,serif" font-size="14.00">&#45;dimension(dimension, value)</text>
<text text-anchor="start" x="1405.63" y="-5589.95" font-family="Times New Roman,serif" font-size="14.00">&#45;dispose()</text>
<text text-anchor="start" x="1405.63" y="-5574.95" font-family="Times New Roman,serif" font-size="14.00">&#45;duration(seconds)</text>
<text text-anchor="start" x="1405.63" y="-5559.95" font-family="Times New Roman,serif" font-size="14.00">&#45;ended()</text>
<text text-anchor="start" x="1405.63" y="-5544.95" font-family="Times New Roman,serif" font-size="14.00">&#45;enterFullWindow()</text>
<text text-anchor="start" x="1405.63" y="-5529.95" font-family="Times New Roman,serif" font-size="14.00">&#45;error(err)</text>
<text text-anchor="start" x="1405.63" y="-5514.95" font-family="Times New Roman,serif" font-size="14.00">&#45;exitFullWindow()</text>
<text text-anchor="start" x="1405.63" y="-5499.95" font-family="Times New Roman,serif" font-size="14.00">&#45;exitFullscreen()</text>
<text text-anchor="start" x="1405.63" y="-5484.95" font-family="Times New Roman,serif" font-size="14.00">&#45;fluid(bool)</text>
<text text-anchor="start" x="1405.63" y="-5469.95" font-family="Times New Roman,serif" font-size="14.00">&#45;fullWindowOnEscKey(event)</text>
<text text-anchor="start" x="1405.63" y="-5454.95" font-family="Times New Roman,serif" font-size="14.00">&#45;getCache()</text>
<text text-anchor="start" x="1405.63" y="-5439.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleFullscreenChange_()</text>
<text text-anchor="start" x="1405.63" y="-5424.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleStageClick_()</text>
<text text-anchor="start" x="1405.63" y="-5409.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechAbort_()</text>
<text text-anchor="start" x="1405.63" y="-5394.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechCanPlayThrough_()</text>
<text text-anchor="start" x="1405.63" y="-5379.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechCanPlay_()</text>
<text text-anchor="start" x="1405.63" y="-5364.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechClick_(event)</text>
<text text-anchor="start" x="1405.63" y="-5349.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechDurationChange_()</text>
<text text-anchor="start" x="1405.63" y="-5334.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechEmptied_()</text>
<text text-anchor="start" x="1405.63" y="-5319.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechEnded_()</text>
<text text-anchor="start" x="1405.63" y="-5304.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechError_()</text>
<text text-anchor="start" x="1405.63" y="-5289.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechFirstPlay_()</text>
<text text-anchor="start" x="1405.63" y="-5274.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechFullscreenChange_(event, data)</text>
<text text-anchor="start" x="1405.63" y="-5259.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechLoadStart_()</text>
<text text-anchor="start" x="1405.63" y="-5244.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechLoadedData_()</text>
<text text-anchor="start" x="1405.63" y="-5229.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechLoadedMetaData_()</text>
<text text-anchor="start" x="1405.63" y="-5214.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechPause_()</text>
<text text-anchor="start" x="1405.63" y="-5199.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechPlay_()</text>
<text text-anchor="start" x="1405.63" y="-5184.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechPlaying_()</text>
<text text-anchor="start" x="1405.63" y="-5169.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechPosterChange_()</text>
<text text-anchor="start" x="1405.63" y="-5154.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechProgress_()</text>
<text text-anchor="start" x="1405.63" y="-5139.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechRateChange_()</text>
<text text-anchor="start" x="1405.63" y="-5124.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechReady_()</text>
<text text-anchor="start" x="1405.63" y="-5109.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechSeeked_()</text>
<text text-anchor="start" x="1405.63" y="-5094.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechSeeking_()</text>
<text text-anchor="start" x="1405.63" y="-5079.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechStalled_()</text>
<text text-anchor="start" x="1405.63" y="-5064.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechSuspend_()</text>
<text text-anchor="start" x="1405.63" y="-5049.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechTap_()</text>
<text text-anchor="start" x="1405.63" y="-5034.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechTextTrackChange_()</text>
<text text-anchor="start" x="1405.63" y="-5019.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechTimeUpdate_()</text>
<text text-anchor="start" x="1405.63" y="-5004.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechTouchEnd_(event)</text>
<text text-anchor="start" x="1405.63" y="-4989.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechTouchMove_()</text>
<text text-anchor="start" x="1405.63" y="-4974.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechTouchStart_()</text>
<text text-anchor="start" x="1405.63" y="-4959.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechVolumeChange_()</text>
<text text-anchor="start" x="1405.63" y="-4944.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTechWaiting_()</text>
<text text-anchor="start" x="1405.63" y="-4929.95" font-family="Times New Roman,serif" font-size="14.00">&#45;hasStarted(hasStarted)</text>
<text text-anchor="start" x="1405.63" y="-4914.95" font-family="Times New Roman,serif" font-size="14.00">&#45;height(value)</text>
<text text-anchor="start" x="1405.63" y="-4899.95" font-family="Times New Roman,serif" font-size="14.00">&#45;isFullscreen(isFS)</text>
<text text-anchor="start" x="1405.63" y="-4884.95" font-family="Times New Roman,serif" font-size="14.00">&#45;listenForUserActivity_()</text>
<text text-anchor="start" x="1405.63" y="-4869.95" font-family="Times New Roman,serif" font-size="14.00">&#45;load()</text>
<text text-anchor="start" x="1405.63" y="-4854.95" font-family="Times New Roman,serif" font-size="14.00">&#45;loadTech_(techName, source)</text>
<text text-anchor="start" x="1405.63" y="-4839.95" font-family="Times New Roman,serif" font-size="14.00">&#45;loop(value)</text>
<text text-anchor="start" x="1405.63" y="-4824.95" font-family="Times New Roman,serif" font-size="14.00">&#45;muted(muted)</text>
<text text-anchor="start" x="1405.63" y="-4809.95" font-family="Times New Roman,serif" font-size="14.00">&#45;options(options)</text>
<text text-anchor="start" x="1405.63" y="-4794.95" font-family="Times New Roman,serif" font-size="14.00">&#45;pause()</text>
<text text-anchor="start" x="1405.63" y="-4779.95" font-family="Times New Roman,serif" font-size="14.00">&#45;paused()</text>
<text text-anchor="start" x="1405.63" y="-4764.95" font-family="Times New Roman,serif" font-size="14.00">&#45;play()</text>
<text text-anchor="start" x="1405.63" y="-4749.95" font-family="Times New Roman,serif" font-size="14.00">&#45;poster(src)</text>
<text text-anchor="start" x="1405.63" y="-4734.95" font-family="Times New Roman,serif" font-size="14.00">&#45;preload(value)</text>
<text text-anchor="start" x="1405.63" y="-4719.95" font-family="Times New Roman,serif" font-size="14.00">&#45;remainingTime()</text>
<text text-anchor="start" x="1405.63" y="-4704.95" font-family="Times New Roman,serif" font-size="14.00">&#45;removeTechControlsListeners_()</text>
<text text-anchor="start" x="1405.63" y="-4689.95" font-family="Times New Roman,serif" font-size="14.00">&#45;reportUserActivity(event)</text>
<text text-anchor="start" x="1405.63" y="-4674.95" font-family="Times New Roman,serif" font-size="14.00">&#45;requestFullscreen()</text>
<text text-anchor="start" x="1405.63" y="-4659.95" font-family="Times New Roman,serif" font-size="14.00">&#45;reset()</text>
<text text-anchor="start" x="1405.63" y="-4644.95" font-family="Times New Roman,serif" font-size="14.00">&#45;scrubbing(isScrubbing)</text>
<text text-anchor="start" x="1405.63" y="-4629.95" font-family="Times New Roman,serif" font-size="14.00">&#45;seekable()</text>
<text text-anchor="start" x="1405.63" y="-4614.95" font-family="Times New Roman,serif" font-size="14.00">&#45;seeking()</text>
<text text-anchor="start" x="1405.63" y="-4599.95" font-family="Times New Roman,serif" font-size="14.00">&#45;selectSource(sources)</text>
<text text-anchor="start" x="1405.63" y="-4584.95" font-family="Times New Roman,serif" font-size="14.00">&#45;sourceList_(sources)</text>
<text text-anchor="start" x="1405.63" y="-4569.95" font-family="Times New Roman,serif" font-size="14.00">&#45;src(source)</text>
<text text-anchor="start" x="1405.63" y="-4554.95" font-family="Times New Roman,serif" font-size="14.00">&#45;supportsFullScreen()</text>
<text text-anchor="start" x="1405.63" y="-4539.95" font-family="Times New Roman,serif" font-size="14.00">&#45;tag.id()</text>
<text text-anchor="start" x="1405.63" y="-4524.95" font-family="Times New Roman,serif" font-size="14.00">&#45;tech(safety)</text>
<text text-anchor="start" x="1405.63" y="-4509.95" font-family="Times New Roman,serif" font-size="14.00">&#45;techCall_(method, arg)</text>
<text text-anchor="start" x="1405.63" y="-4494.95" font-family="Times New Roman,serif" font-size="14.00">&#45;techGet_(method)</text>
<text text-anchor="start" x="1405.63" y="-4479.95" font-family="Times New Roman,serif" font-size="14.00">&#45;unloadTech_()</text>
<text text-anchor="start" x="1405.63" y="-4464.95" font-family="Times New Roman,serif" font-size="14.00">&#45;updateStyleEl_()</text>
<text text-anchor="start" x="1405.63" y="-4449.95" font-family="Times New Roman,serif" font-size="14.00">&#45;userActive(bool)</text>
<text text-anchor="start" x="1405.63" y="-4434.95" font-family="Times New Roman,serif" font-size="14.00">&#45;usingNativeControls(bool)</text>
<text text-anchor="start" x="1405.63" y="-4419.95" font-family="Times New Roman,serif" font-size="14.00">&#45;volume(percentAsDecimal)</text>
<text text-anchor="start" x="1405.63" y="-4404.95" font-family="Times New Roman,serif" font-size="14.00">&#45;width(value)</text>
<text text-anchor="start" x="1405.63" y="-4389.95" font-family="Times New Roman,serif" font-size="14.00">...</text>
</g>
<!-- n72&#45;&gt;n7624 -->
<g id="edge291" class="edge"><title>n72&#45;&gt;n7624</title>
<path fill="none" stroke="black" d="M1805.73,-3073.1C1805.73,-3073.1 1805.73,-3428 1805.73,-3428 1805.73,-3428 1737.01,-3428 1737.01,-3428 1737.01,-3428 1737.01,-3466 1737.01,-3466 1737.01,-3466 1619.55,-3466 1619.55,-3466 1619.55,-3466 1619.55,-3725 1619.55,-3725 1619.55,-3725 1506.73,-3725 1506.73,-3725 1506.73,-3725 1506.73,-4040.77 1506.73,-4381.99"/>
<polygon fill="black" stroke="black" points="1805.73,-3073.1 1801.73,-3067.1 1805.73,-3061.1 1809.73,-3067.1 1805.73,-3073.1"/>
</g>
<!-- n72&#45;&gt;n5147 -->
<g id="edge274" class="edge"><title>n72&#45;&gt;n5147</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1745.01,-3060.97C1745.01,-3073.44 1745.01,-3083 1745.01,-3083 1745.01,-3083 1524.3,-3083 1524.3,-3083 1524.3,-3083 1524.3,-3128 1524.3,-3128 1524.3,-3128 1233.83,-3128 1233.83,-3128 1233.83,-3128 1233.83,-3167.81 1233.83,-3167.81"/>
<polygon fill="red" stroke="red" points="1230.33,-3167.81 1233.83,-3177.81 1237.33,-3167.81 1230.33,-3167.81"/>
<text text-anchor="middle" x="1535.03" y="-3131.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n73&#45;&gt;n72 -->
<g id="edge292" class="edge"><title>n73&#45;&gt;n72</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1344.62,-2751.5C1344.62,-2793.78 1344.62,-2865 1344.62,-2865 1344.62,-2865 1427.05,-2865 1427.05,-2865 1427.05,-2865 1427.05,-2927 1427.05,-2927 1427.05,-2927 1746.17,-2927 1746.17,-2927 1746.17,-2927 1746.17,-2936.8 1746.17,-2936.8"/>
<polygon fill="red" stroke="red" points="1742.67,-2936.8 1746.17,-2946.8 1749.67,-2936.8 1742.67,-2936.8"/>
<text text-anchor="middle" x="1446.55" y="-2915.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n74&#45;&gt;n66 -->
<g id="edge294" class="edge"><title>n74&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2517.65,-2890.68C2517.65,-2922.56 2517.65,-2983 2517.65,-2983 2517.65,-2983 2572.49,-2983 2572.49,-2983 2572.49,-2983 2572.49,-3128 2572.49,-3128 2572.49,-3128 2339.88,-3128 2339.88,-3128 2339.88,-3128 2339.88,-3222.79 2339.88,-3222.79"/>
<polygon fill="red" stroke="red" points="2336.38,-3222.79 2339.88,-3232.79 2343.38,-3222.8 2336.38,-3222.79"/>
<text text-anchor="middle" x="2522.86" y="-3116.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n74&#45;&gt;n64 -->
<g id="edge293" class="edge"><title>n74&#45;&gt;n64</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2505.84,-2890.65C2505.84,-2896.77 2505.84,-2902 2505.84,-2902 2505.84,-2902 3081.88,-2902 3081.88,-2902 3081.88,-2902 3081.88,-3033 3081.88,-3033 3081.88,-3033 1953.52,-3033 1953.52,-3033 1953.52,-3033 1953.52,-3101 1953.52,-3101 1953.52,-3101 1981.59,-3101 1981.59,-3101 1981.59,-3101 1981.59,-3221.46 1981.59,-3221.46"/>
<polygon fill="red" stroke="red" points="1978.09,-3221.46 1981.59,-3231.46 1985.09,-3221.46 1978.09,-3221.46"/>
<text text-anchor="middle" x="2800.62" y="-3021.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n74&#45;&gt;n89 -->
<g id="edge297" class="edge"><title>n74&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2494.03,-2890.6C2494.03,-2895.29 2494.03,-2899 2494.03,-2899 2494.03,-2899 3120.84,-2899 3120.84,-2899 3120.84,-2899 3120.84,-2872 3120.84,-2872 3120.84,-2872 3157.82,-2872 3157.82,-2872 3157.82,-2872 3157.82,-1319 3157.82,-1319 3157.82,-1319 1953.9,-1319 1953.9,-1319 1953.9,-1319 1953.9,-2144 1953.9,-2144 1953.9,-2144 1527.6,-2144 1527.6,-2144 1527.6,-2144 1527.6,-2406.96 1527.6,-2406.96"/>
<polygon fill="red" stroke="red" points="1524.1,-2406.96 1527.6,-2416.96 1531.1,-2406.96 1524.1,-2406.96"/>
<text text-anchor="middle" x="2892.83" y="-1307.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n74&#45;&gt;n101 -->
<g id="edge295" class="edge"><title>n74&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2388.44,-2871C2341.98,-2871 2288.64,-2871 2288.64,-2871 2288.64,-2871 2288.64,-2954 2288.64,-2954 2288.64,-2954 2125.73,-2954 2125.73,-2954 2125.73,-2954 2125.73,-3099.98 2125.73,-3099.98"/>
<polygon fill="red" stroke="red" points="2122.23,-3099.98 2125.73,-3109.98 2129.23,-3099.98 2122.23,-3099.98"/>
<text text-anchor="middle" x="2257.6" y="-2957.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n74&#45;&gt;n92 -->
<g id="edge296" class="edge"><title>n74&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2511.75,-2890.76C2511.75,-2922.42 2511.75,-2982 2511.75,-2982 2511.75,-2982 2333.75,-2982 2333.75,-2982 2333.75,-2982 2333.75,-3057 2333.75,-3057 2333.75,-3057 2333.63,-3057 2333.63,-3057"/>
<polygon fill="red" stroke="red" points="2342.58,-3053.5 2332.58,-3057 2342.58,-3060.5 2342.58,-3053.5"/>
<text text-anchor="middle" x="2398.81" y="-2985.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8375 -->
<g id="node190" class="node"><title>n8375</title>
<polygon fill="#97ffff" stroke="black" points="3183.8,-2389.04 3183.8,-2525.04 3361.8,-2525.04 3361.8,-2389.04 3183.8,-2389.04"/>
<text text-anchor="middle" x="3272.8" y="-2509.84" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3272.8" y="-2494.84" font-family="Times New Roman,serif" font-size="14.00">PosterImage</text>
<polyline fill="none" stroke="black" points="3183.8,-2487.04 3361.8,-2487.04 "/>
<text text-anchor="start" x="3191.8" y="-2471.84" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3191.8" y="-2456.84" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3191.8" y="-2441.84" font-family="Times New Roman,serif" font-size="14.00">&#45;dispose()</text>
<text text-anchor="start" x="3191.8" y="-2426.84" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="3191.8" y="-2411.84" font-family="Times New Roman,serif" font-size="14.00">&#45;setSrc(url)</text>
<text text-anchor="start" x="3191.8" y="-2396.84" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n74&#45;&gt;n8375 -->
<g id="edge298" class="edge"><title>n74&#45;&gt;n8375</title>
<path fill="none" stroke="black" d="M2499.94,-2899.97C2499.94,-2899.97 2499.94,-2901 2499.94,-2901 2499.94,-2901 3255.87,-2901 3255.87,-2901 3255.87,-2901 3255.87,-2649.97 3255.87,-2525.44"/>
<polygon fill="black" stroke="black" points="2499.94,-2902.69 2495.94,-2896.69 2499.94,-2890.69 2503.94,-2896.69 2499.94,-2902.69"/>
</g>
<!-- n75 -->
<g id="node70" class="node"><title>n75</title>
<polygon fill="aliceblue" stroke="black" points="2140.95,-2687.45 2140.95,-2816.45 2355.95,-2816.45 2355.95,-2687.45 2140.95,-2687.45"/>
<text text-anchor="middle" x="2248.45" y="-2801.25" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2248.45" y="-2786.25" font-family="Times New Roman,serif" font-size="14.00">src/js/setup.js</text>
<polyline fill="none" stroke="black" points="2140.95,-2778.45 2355.95,-2778.45 "/>
<text text-anchor="start" x="2148.95" y="-2763.25" font-family="Times New Roman,serif" font-size="14.00">+_windowLoaded : boolean = false</text>
<text text-anchor="start" x="2148.95" y="-2748.25" font-family="Times New Roman,serif" font-size="14.00">+videojs : variable = undefined</text>
<polyline fill="none" stroke="black" points="2140.95,-2740.45 2355.95,-2740.45 "/>
<text text-anchor="start" x="2148.95" y="-2725.25" font-family="Times New Roman,serif" font-size="14.00">&#45;autoSetup()</text>
<text text-anchor="start" x="2148.95" y="-2710.25" font-family="Times New Roman,serif" font-size="14.00">&#45;autoSetupTimeout(wait, vjs)</text>
<text text-anchor="start" x="2148.95" y="-2695.25" font-family="Times New Roman,serif" font-size="14.00">&#45;hasLoaded()</text>
</g>
<!-- n75&#45;&gt;n91 -->
<g id="edge299" class="edge"><title>n75&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2212.47,-2816.56C2212.47,-2822.88 2212.47,-2827 2212.47,-2827 2212.47,-2827 1927.91,-2827 1927.91,-2827"/>
<polygon fill="red" stroke="red" points="1927.91,-2823.5 1917.91,-2827 1927.91,-2830.5 1927.91,-2823.5"/>
<text text-anchor="middle" x="2043.41" y="-2830.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n75&#45;&gt;n554 -->
<g id="edge300" class="edge"><title>n75&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2140.82,-2695C2140.82,-2695 1620.91,-2695 1620.91,-2695"/>
<polygon fill="red" stroke="red" points="1620.91,-2691.5 1610.91,-2695 1620.91,-2698.5 1620.91,-2691.5"/>
<text text-anchor="middle" x="1912.87" y="-2683.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n75&#45;&gt;n555 -->
<g id="edge301" class="edge"><title>n75&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2140.82,-2710C2064.7,-2710 1976.12,-2710 1976.12,-2710 1976.12,-2710 1976.12,-2772 1976.12,-2772 1976.12,-2772 1714.44,-2772 1714.44,-2772 1714.44,-2772 1714.44,-2786 1714.44,-2786 1714.44,-2786 1608.11,-2786 1608.11,-2786 1608.11,-2786 1608.11,-2874.64 1608.11,-2874.64"/>
<polygon fill="red" stroke="red" points="1604.61,-2874.64 1608.11,-2884.64 1611.61,-2874.64 1604.61,-2874.64"/>
<text text-anchor="middle" x="1822.15" y="-2775.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n65 -->
<g id="edge322" class="edge"><title>n76&#45;&gt;n65</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.56,-2008C1583.65,-2008 649.095,-2008 649.095,-2008 649.095,-2008 649.095,-2630 649.095,-2630 649.095,-2630 869.49,-2630 869.49,-2630"/>
<polygon fill="red" stroke="red" points="869.49,-2633.5 879.49,-2630 869.49,-2626.5 869.49,-2633.5"/>
<text text-anchor="middle" x="849.128" y="-2011.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n66 -->
<g id="edge306" class="edge"><title>n76&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.6,-1838C2551.15,-1838 3180.34,-1838 3180.34,-1838 3180.34,-1838 3180.34,-2935 3180.34,-2935 3180.34,-2935 3447.12,-2935 3447.12,-2935 3447.12,-2935 3447.12,-3325 3447.12,-3325 3447.12,-3325 3006.54,-3325 3006.54,-3325 3006.54,-3325 3006.54,-3292 3006.54,-3292 3006.54,-3292 2673.58,-3292 2673.58,-3292 2673.58,-3292 2673.58,-3310 2673.58,-3310 2673.58,-3310 2365.55,-3310 2365.55,-3310 2365.55,-3310 2365.55,-3280.91 2365.55,-3280.91"/>
<polygon fill="red" stroke="red" points="2369.05,-3280.91 2365.55,-3270.91 2362.05,-3280.91 2369.05,-3280.91"/>
<text text-anchor="middle" x="3212.34" y="-2837.15" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n67 -->
<g id="edge307" class="edge"><title>n76&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.38,-2071C1955.38,-2071 1247.81,-2071 1247.81,-2071"/>
<polygon fill="red" stroke="red" points="1247.81,-2067.5 1237.81,-2071 1247.81,-2074.5 1247.81,-2067.5"/>
<text text-anchor="middle" x="1569.6" y="-2059.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n72 -->
<g id="edge309" class="edge"><title>n76&#45;&gt;n72</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.38,-1788C1536,-1788 383.128,-1788 383.128,-1788 383.128,-1788 383.128,-3173 383.128,-3173 383.128,-3173 1300.37,-3173 1300.37,-3173 1300.37,-3173 1300.37,-3361 1300.37,-3361 1300.37,-3361 1520.82,-3361 1520.82,-3361 1520.82,-3361 1520.82,-3406 1520.82,-3406 1520.82,-3406 1783.46,-3406 1783.46,-3406 1783.46,-3406 1783.46,-3423 1783.46,-3423 1783.46,-3423 1807.45,-3423 1807.45,-3423 1807.45,-3423 1807.45,-3071.3 1807.45,-3071.3"/>
<polygon fill="red" stroke="red" points="1810.95,-3071.3 1807.45,-3061.3 1803.95,-3071.3 1810.95,-3071.3"/>
<text text-anchor="middle" x="351.128" y="-2711.19" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n73 -->
<g id="edge310" class="edge"><title>n76&#45;&gt;n73</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.25,-1996C1536.25,-1996 385.962,-1996 385.962,-1996 385.962,-1996 385.962,-3203 385.962,-3203 385.962,-3203 992.349,-3203 992.349,-3203 992.349,-3203 992.349,-2731 992.349,-2731 992.349,-2731 963.296,-2731 963.296,-2731 963.296,-2731 963.296,-2713 963.296,-2713 963.296,-2713 1252.34,-2713 1252.34,-2713"/>
<polygon fill="red" stroke="red" points="1252.34,-2716.5 1262.34,-2713 1252.34,-2709.5 1252.34,-2716.5"/>
<text text-anchor="middle" x="353.962" y="-2525.9" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n75 -->
<g id="edge304" class="edge"><title>n76&#45;&gt;n75</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.84,-1847C2497.55,-1847 2945.94,-1847 2945.94,-1847 2945.94,-1847 2945.94,-2082 2945.94,-2082 2945.94,-2082 2889.54,-2082 2889.54,-2082 2889.54,-2082 2889.54,-2735 2889.54,-2735 2889.54,-2735 2366.12,-2735 2366.12,-2735"/>
<polygon fill="red" stroke="red" points="2366.12,-2731.5 2356.12,-2735 2366.12,-2738.5 2366.12,-2731.5"/>
<text text-anchor="middle" x="2857.54" y="-2183.26" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n85 -->
<g id="edge326" class="edge"><title>n76&#45;&gt;n85</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2136.95,-2076.81C2136.95,-2076.81 2136.95,-2077.72 2136.95,-2077.72"/>
<polygon fill="red" stroke="red" points="2133.45,-2075.93 2136.95,-2085.93 2140.45,-2075.93 2133.45,-2075.93"/>
<text text-anchor="middle" x="2104.95" y="-2081.06" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n87 -->
<g id="edge325" class="edge"><title>n76&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1977.81,-2076.57C1977.81,-2076.57 1977.81,-2233.35 1977.81,-2233.35"/>
<polygon fill="red" stroke="red" points="1974.31,-2233.35 1977.81,-2243.35 1981.31,-2233.35 1974.31,-2233.35"/>
<text text-anchor="middle" x="1945.81" y="-2158.76" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n89 -->
<g id="edge320" class="edge"><title>n76&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.37,-2074C1845.5,-2074 1715.58,-2074 1715.58,-2074 1715.58,-2074 1715.58,-2406.94 1715.58,-2406.94"/>
<polygon fill="red" stroke="red" points="1712.08,-2406.94 1715.58,-2416.94 1719.08,-2406.94 1712.08,-2406.94"/>
<text text-anchor="middle" x="1683.58" y="-2109.37" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n91 -->
<g id="edge308" class="edge"><title>n76&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.46,-1994C1470.36,-1994 -23.604,-1994 -23.604,-1994 -23.604,-1994 -23.604,-2868 -23.604,-2868 -23.604,-2868 1616.41,-2868 1616.41,-2868"/>
<polygon fill="red" stroke="red" points="1616.41,-2871.5 1626.41,-2868 1616.41,-2864.5 1616.41,-2871.5"/>
<text text-anchor="middle" x="-55.604" y="-2265.28" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n84 -->
<g id="edge327" class="edge"><title>n76&#45;&gt;n84</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.8,-1926C2255.8,-1926 2396.26,-1926 2396.26,-1926"/>
<polygon fill="red" stroke="red" points="2396.26,-1929.5 2406.26,-1926 2396.26,-1922.5 2396.26,-1929.5"/>
<text text-anchor="middle" x="2294.03" y="-1929.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n95 -->
<g id="edge318" class="edge"><title>n76&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.46,-1790C1536.31,-1790 384.073,-1790 384.073,-1790 384.073,-1790 384.073,-3061 384.073,-3061 384.073,-3061 1485.37,-3061 1485.37,-3061"/>
<polygon fill="red" stroke="red" points="1485.37,-3064.5 1495.37,-3061 1485.37,-3057.5 1485.37,-3064.5"/>
<text text-anchor="middle" x="352.073" y="-2194.25" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n96 -->
<g id="edge311" class="edge"><title>n76&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2015.01,-2076.59C2015.01,-2076.59 2015.01,-2530.27 2015.01,-2530.27"/>
<polygon fill="red" stroke="red" points="2011.51,-2530.27 2015.01,-2540.27 2018.51,-2530.27 2011.51,-2530.27"/>
<text text-anchor="middle" x="1999.01" y="-2292.23" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n97 -->
<g id="edge305" class="edge"><title>n76&#45;&gt;n97</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.29,-2006C1583.97,-2006 653.147,-2006 653.147,-2006 653.147,-2006 653.147,-2617 653.147,-2617 653.147,-2617 1155.7,-2617 1155.7,-2617 1155.7,-2617 1155.7,-2617.27 1155.7,-2617.27"/>
<polygon fill="red" stroke="red" points="1152.2,-2609.66 1155.7,-2619.66 1159.2,-2609.66 1152.2,-2609.66"/>
<text text-anchor="middle" x="715.309" y="-2009.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n98 -->
<g id="edge316" class="edge"><title>n76&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.69,-1845C2502.57,-1845 2967.28,-1845 2967.28,-1845 2967.28,-1845 2967.28,-1997 2967.28,-1997 2967.28,-1997 2882.03,-1997 2882.03,-1997 2882.03,-1997 2882.03,-2734.07 2882.03,-2734.07"/>
<polygon fill="red" stroke="red" points="2878.53,-2734.07 2882.03,-2744.07 2885.53,-2734.07 2878.53,-2734.07"/>
<text text-anchor="middle" x="3009.53" y="-1965.17" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRanges]»</text>
</g>
<!-- n76&#45;&gt;n99 -->
<g id="edge321" class="edge"><title>n76&#45;&gt;n99</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.55,-2072C1779.39,-2072 1510.96,-2072 1510.96,-2072 1510.96,-2072 1510.96,-2343 1510.96,-2343 1510.96,-2343 1439.12,-2343 1439.12,-2343"/>
<polygon fill="red" stroke="red" points="1439.12,-2339.5 1429.12,-2343 1439.12,-2346.5 1439.12,-2339.5"/>
<text text-anchor="middle" x="1529.83" y="-2075.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n101 -->
<g id="edge312" class="edge"><title>n76&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.55,-1793C1536.63,-1793 385.017,-1793 385.017,-1793 385.017,-1793 385.017,-3022 385.017,-3022 385.017,-3022 1015.7,-3022 1015.7,-3022 1015.7,-3022 1015.7,-2940 1015.7,-2940 1015.7,-2940 2105,-2940 2105,-2940 2105,-2940 2105,-3099.88 2105,-3099.88"/>
<polygon fill="red" stroke="red" points="2101.5,-3099.88 2105,-3109.88 2108.5,-3099.88 2101.5,-3099.88"/>
<text text-anchor="middle" x="353.017" y="-2591.97" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n103 -->
<g id="edge314" class="edge"><title>n76&#45;&gt;n103</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.55,-1843C1955.55,-1843 1568.18,-1843 1568.18,-1843"/>
<polygon fill="red" stroke="red" points="1568.18,-1839.5 1558.18,-1843 1568.18,-1846.5 1568.18,-1839.5"/>
<text text-anchor="middle" x="1729.86" y="-1831.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n112 -->
<g id="edge313" class="edge"><title>n76&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.37,-2004C1584.86,-2004 657.198,-2004 657.198,-2004 657.198,-2004 657.198,-2600 657.198,-2600 657.198,-2600 1249.85,-2600 1249.85,-2600"/>
<polygon fill="red" stroke="red" points="1249.85,-2603.5 1259.85,-2600 1249.85,-2596.5 1249.85,-2603.5"/>
<text text-anchor="middle" x="679.963" y="-1992.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n114 -->
<g id="edge315" class="edge"><title>n76&#45;&gt;n114</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.51,-1891C1955.51,-1891 1755.31,-1891 1755.31,-1891"/>
<polygon fill="red" stroke="red" points="1755.31,-1887.5 1745.31,-1891 1755.31,-1894.5 1755.31,-1887.5"/>
<text text-anchor="middle" x="1823.41" y="-1894.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n93 -->
<g id="edge317" class="edge"><title>n76&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.69,-1840C2550.52,-1840 3176.88,-1840 3176.88,-1840 3176.88,-1840 3176.88,-2945 3176.88,-2945 3176.88,-2945 3445.12,-2945 3445.12,-2945 3445.12,-2945 3445.12,-3330 3445.12,-3330 3445.12,-3330 3001.11,-3330 3001.11,-3330 3001.11,-3330 3001.11,-3270 3001.11,-3270 3001.11,-3270 2666.56,-3270 2666.56,-3270"/>
<polygon fill="red" stroke="red" points="2666.56,-3266.5 2656.56,-3270 2666.56,-3273.5 2666.56,-3266.5"/>
<text text-anchor="middle" x="3208.88" y="-2681.6" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n92 -->
<g id="edge319" class="edge"><title>n76&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.83,-1843C2546.17,-1843 3156.05,-1843 3156.05,-1843 3156.05,-1843 3156.05,-2982 3156.05,-2982 3156.05,-2982 3893.79,-2982 3893.79,-2982 3893.79,-2982 3893.79,-3130 3893.79,-3130 3893.79,-3130 2342.64,-3130 2342.64,-3130"/>
<polygon fill="red" stroke="red" points="2342.64,-3126.5 2332.64,-3130 2342.64,-3133.5 2342.64,-3126.5"/>
<text text-anchor="middle" x="3322.88" y="-2970.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n554 -->
<g id="edge303" class="edge"><title>n76&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.46,-1992C1472.21,-1992 -11.604,-1992 -11.604,-1992 -11.604,-1992 -11.604,-2769 -11.604,-2769 -11.604,-2769 1381.64,-2769 1381.64,-2769 1381.64,-2769 1381.64,-2728 1381.64,-2728 1381.64,-2728 1463.71,-2728 1463.71,-2728"/>
<polygon fill="red" stroke="red" points="1463.71,-2731.5 1473.71,-2728 1463.71,-2724.5 1463.71,-2731.5"/>
<text text-anchor="middle" x="-43.604" y="-2158.92" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n76&#45;&gt;n555 -->
<g id="edge302" class="edge"><title>n76&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.58,-1998C1537.5,-1998 389.741,-1998 389.741,-1998 389.741,-1998 389.741,-2859 389.741,-2859 389.741,-2859 1193.99,-2859 1193.99,-2859 1193.99,-2859 1193.99,-2961 1193.99,-2961 1193.99,-2961 1391.68,-2961 1391.68,-2961 1391.68,-2961 1391.68,-2910 1391.68,-2910 1391.68,-2910 1471.57,-2910 1471.57,-2910"/>
<polygon fill="red" stroke="red" points="1471.57,-2913.5 1481.57,-2910 1471.57,-2906.5 1471.57,-2913.5"/>
<text text-anchor="middle" x="357.741" y="-2266.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8434 -->
<g id="node191" class="node"><title>n8434</title>
<polygon fill="azure" stroke="black" points="2415.55,-1688.48 2415.55,-1726.48 2591.55,-1726.48 2591.55,-1688.48 2415.55,-1688.48"/>
<text text-anchor="middle" x="2503.55" y="-1711.28" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="2503.55" y="-1696.28" font-family="Times New Roman,serif" font-size="14.00">lodash&#45;compat/object/merge</text>
</g>
<!-- n76&#45;&gt;n8434 -->
<g id="edge323" class="edge"><title>n76&#45;&gt;n8434</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2255.76,-1707C2255.76,-1707 2405.41,-1707 2405.41,-1707"/>
<polygon fill="red" stroke="red" points="2405.41,-1710.5 2415.41,-1707 2405.41,-1703.5 2405.41,-1710.5"/>
<text text-anchor="middle" x="2298.59" y="-1710.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8435 -->
<g id="node193" class="node"><title>n8435</title>
<polygon fill="azure" stroke="black" points="1696.91,-2635.56 1696.91,-2673.56 1833.91,-2673.56 1833.91,-2635.56 1696.91,-2635.56"/>
<text text-anchor="middle" x="1765.41" y="-2658.36" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="1765.41" y="-2643.36" font-family="Times New Roman,serif" font-size="14.00">xhr</text>
</g>
<!-- n76&#45;&gt;n8435 -->
<g id="edge324" class="edge"><title>n76&#45;&gt;n8435</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1955.43,-2075C1847.94,-2075 1722.16,-2075 1722.16,-2075 1722.16,-2075 1722.16,-2625.28 1722.16,-2625.28"/>
<polygon fill="red" stroke="red" points="1718.66,-2625.28 1722.16,-2635.28 1725.66,-2625.28 1718.66,-2625.28"/>
<text text-anchor="middle" x="1754.16" y="-2222.3" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n77&#45;&gt;n66 -->
<g id="edge328" class="edge"><title>n77&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2238.65,-3592C2238.65,-3581.67 2238.65,-3571 2238.65,-3571 2238.65,-3571 1598.6,-3571 1598.6,-3571 1598.6,-3571 1598.6,-3227 1598.6,-3227 1598.6,-3227 2297.43,-3227 2297.43,-3227 2297.43,-3227 2297.43,-3227.58 2297.43,-3227.58"/>
<polygon fill="red" stroke="red" points="2293.93,-3222.77 2297.43,-3232.77 2300.93,-3222.77 2293.93,-3222.77"/>
<text text-anchor="middle" x="1566.6" y="-3368.62" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8511 -->
<g id="node228" class="node"><title>n8511</title>
<polygon fill="#97ffff" stroke="black" points="2280.04,-4133.8 2280.04,-4194.8 2404.04,-4194.8 2404.04,-4133.8 2280.04,-4133.8"/>
<text text-anchor="middle" x="2342.04" y="-4179.6" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2342.04" y="-4164.6" font-family="Times New Roman,serif" font-size="14.00">LoadingSpinner</text>
<polyline fill="none" stroke="black" points="2280.04,-4156.8 2404.04,-4156.8 "/>
<text text-anchor="start" x="2288.04" y="-4141.6" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n77&#45;&gt;n8511 -->
<g id="edge329" class="edge"><title>n77&#45;&gt;n8511</title>
<path fill="none" stroke="black" d="M2288.93,-3642.29C2288.93,-3642.29 2288.93,-3749 2288.93,-3749 2288.93,-3749 2162.55,-3749 2162.55,-3749 2162.55,-3749 2162.55,-3866 2162.55,-3866 2162.55,-3866 2476.65,-3866 2476.65,-3866 2476.65,-3866 2476.65,-4164 2476.65,-4164 2476.65,-4164 2439.49,-4164 2404.22,-4164"/>
<polygon fill="black" stroke="black" points="2288.93,-3642.29 2284.93,-3636.29 2288.93,-3630.29 2292.93,-3636.29 2288.93,-3642.29"/>
</g>
<!-- n12 -->
<g id="node73" class="node"><title>n12</title>
<polygon fill="aliceblue" stroke="black" points="3357.47,-1749.23 3357.47,-1810.23 3506.47,-1810.23 3506.47,-1749.23 3357.47,-1749.23"/>
<text text-anchor="middle" x="3431.97" y="-1795.03" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3431.97" y="-1780.03" font-family="Times New Roman,serif" font-size="14.00">test/karma.conf.js</text>
<polyline fill="none" stroke="black" points="3357.47,-1772.23 3506.47,-1772.23 "/>
<text text-anchor="start" x="3365.47" y="-1757.03" font-family="Times New Roman,serif" font-size="14.00">&#45;getCustomLaunchers()</text>
</g>
<!-- n12&#45;&gt;n173 -->
<g id="edge28" class="edge"><title>n12&#45;&gt;n173</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3499.72,-1810.54C3499.72,-1853.18 3499.72,-1925 3499.72,-1925 3499.72,-1925 3550.09,-1925 3550.09,-1925"/>
<polygon fill="red" stroke="red" points="3550.09,-1928.5 3560.09,-1925 3550.09,-1921.5 3550.09,-1928.5"/>
<text text-anchor="middle" x="3470.22" y="-1896.76" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n565 -->
<g id="node174" class="node"><title>n565</title>
<polygon fill="#8deeee" stroke="black" points="3159.6,-1580.15 3159.6,-1664.15 3315.6,-1664.15 3315.6,-1580.15 3159.6,-1580.15"/>
<text text-anchor="middle" x="3237.6" y="-1648.95" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="3237.6" y="-1633.95" font-family="Times New Roman,serif" font-size="14.00">+module.exports(config)</text>
<polyline fill="none" stroke="black" points="3159.6,-1626.15 3315.6,-1626.15 "/>
<text text-anchor="start" x="3167.6" y="-1610.95" font-family="Times New Roman,serif" font-size="14.00">+settings : object</text>
<polyline fill="none" stroke="black" points="3159.6,-1603.15 3315.6,-1603.15 "/>
<text text-anchor="start" x="3167.6" y="-1587.95" font-family="Times New Roman,serif" font-size="14.00">&#45;settings.browsers()</text>
</g>
<!-- n12&#45;&gt;n565 -->
<g id="edge29" class="edge"><title>n12&#45;&gt;n565</title>
<path fill="none" stroke="black" d="M3345.27,-1773C3345.27,-1773 3269.22,-1773 3269.22,-1773 3269.22,-1773 3269.22,-1708.81 3269.22,-1664.17"/>
<polygon fill="black" stroke="black" points="3345.27,-1773 3351.27,-1769 3357.27,-1773 3351.27,-1777 3345.27,-1773"/>
</g>
<!-- n79 -->
<g id="node74" class="node"><title>n79</title>
<polygon fill="aliceblue" stroke="black" points="1768.08,-3437.22 1768.08,-3475.22 1908.08,-3475.22 1908.08,-3437.22 1768.08,-3437.22"/>
<text text-anchor="middle" x="1838.08" y="-3460.02" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1838.08" y="-3445.02" font-family="Times New Roman,serif" font-size="14.00">src/js/popup/popup.js</text>
</g>
<!-- n79&#45;&gt;n66 -->
<g id="edge337" class="edge"><title>n79&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1854.14,-3437.15C1854.14,-3393.49 1854.14,-3290 1854.14,-3290 1854.14,-3290 2451.29,-3290 2451.29,-3290 2451.29,-3290 2451.29,-3246 2451.29,-3246 2451.29,-3246 2429.74,-3246 2429.74,-3246"/>
<polygon fill="red" stroke="red" points="2429.74,-3242.5 2419.74,-3246 2429.74,-3249.5 2429.74,-3242.5"/>
<text text-anchor="middle" x="2143.91" y="-3293.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n79&#45;&gt;n91 -->
<g id="edge340" class="edge"><title>n79&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1814.34,-3436.92C1814.34,-3366.02 1814.34,-3124 1814.34,-3124 1814.34,-3124 1865.18,-3124 1865.18,-3124 1865.18,-3124 1865.18,-2909.46 1865.18,-2909.46"/>
<polygon fill="red" stroke="red" points="1868.68,-2909.46 1865.18,-2899.46 1861.68,-2909.46 1868.68,-2909.46"/>
<text text-anchor="middle" x="1846.34" y="-3136.57" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n79&#45;&gt;n101 -->
<g id="edge339" class="edge"><title>n79&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1816.07,-3437.02C1816.07,-3367.66 1816.07,-3134 1816.07,-3134 1816.07,-3134 2027.62,-3134 2027.62,-3134"/>
<polygon fill="red" stroke="red" points="2027.62,-3137.5 2037.62,-3134 2027.62,-3130.5 2027.62,-3137.5"/>
<text text-anchor="middle" x="1784.07" y="-3183.54" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n79&#45;&gt;n92 -->
<g id="edge338" class="edge"><title>n79&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1812.62,-3437C1812.62,-3364 1812.62,-3108 1812.62,-3108 1812.62,-3108 2159.22,-3108 2159.22,-3108"/>
<polygon fill="red" stroke="red" points="2159.22,-3111.5 2169.22,-3108 2159.22,-3104.5 2159.22,-3111.5"/>
<text text-anchor="middle" x="1853.42" y="-3111.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8537 -->
<g id="node202" class="node"><title>n8537</title>
<polygon fill="#97ffff" stroke="black" points="1293.26,-3775.05 1293.26,-3851.05 1432.26,-3851.05 1432.26,-3775.05 1293.26,-3775.05"/>
<text text-anchor="middle" x="1362.76" y="-3835.85" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1362.76" y="-3820.85" font-family="Times New Roman,serif" font-size="14.00">Popup</text>
<polyline fill="none" stroke="black" points="1293.26,-3813.05 1432.26,-3813.05 "/>
<text text-anchor="start" x="1301.26" y="-3797.85" font-family="Times New Roman,serif" font-size="14.00">&#45;addItem(component)</text>
<text text-anchor="start" x="1301.26" y="-3782.85" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n79&#45;&gt;n8537 -->
<g id="edge341" class="edge"><title>n79&#45;&gt;n8537</title>
<path fill="none" stroke="black" d="M1882.68,-3487.46C1882.68,-3487.46 1882.68,-3576 1882.68,-3576 1882.68,-3576 1348.78,-3576 1348.78,-3576 1348.78,-3576 1348.78,-3707.96 1348.78,-3774.96"/>
<polygon fill="black" stroke="black" points="1882.68,-3487.46 1878.68,-3481.46 1882.68,-3475.46 1886.68,-3481.46 1882.68,-3487.46"/>
</g>
<!-- n80&#45;&gt;n66 -->
<g id="edge342" class="edge"><title>n80&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2601.08,-2966.07C2601.08,-3008.72 2601.08,-3108 2601.08,-3108 2601.08,-3108 2339.19,-3108 2339.19,-3108 2339.19,-3108 2339.19,-3222.77 2339.19,-3222.77"/>
<polygon fill="red" stroke="red" points="2335.69,-3222.77 2339.19,-3232.77 2342.69,-3222.77 2335.69,-3222.77"/>
<text text-anchor="middle" x="2451.72" y="-3111.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n80&#45;&gt;n92 -->
<g id="edge343" class="edge"><title>n80&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2580.65,-2966.02C2580.65,-3003.25 2580.65,-3082 2580.65,-3082 2580.65,-3082 2342.4,-3082 2342.4,-3082"/>
<polygon fill="red" stroke="red" points="2342.4,-3078.5 2332.4,-3082 2342.4,-3085.5 2342.4,-3078.5"/>
<text text-anchor="middle" x="2487.52" y="-3085.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n80&#45;&gt;n6994 -->
<g id="edge344" class="edge"><title>n80&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2576.57,-2965.98C2576.57,-2975.49 2576.57,-2985 2576.57,-2985 2576.57,-2985 2341.84,-2985 2341.84,-2985"/>
<polygon fill="red" stroke="red" points="2341.84,-2981.5 2331.84,-2985 2341.84,-2988.5 2341.84,-2981.5"/>
<text text-anchor="middle" x="2452.72" y="-2973.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8557 -->
<g id="node196" class="node"><title>n8557</title>
<polygon fill="#97ffff" stroke="black" points="2944.4,-2197.81 2944.4,-2438.81 3122.4,-2438.81 3122.4,-2197.81 2944.4,-2197.81"/>
<text text-anchor="middle" x="3033.4" y="-2423.61" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3033.4" y="-2408.61" font-family="Times New Roman,serif" font-size="14.00">Slider</text>
<polyline fill="none" stroke="black" points="2944.4,-2400.81 3122.4,-2400.81 "/>
<text text-anchor="start" x="2952.4" y="-2385.61" font-family="Times New Roman,serif" font-size="14.00">+bar()</text>
<text text-anchor="start" x="2952.4" y="-2370.61" font-family="Times New Roman,serif" font-size="14.00">&#45;calculateDistance(event)</text>
<text text-anchor="start" x="2952.4" y="-2355.61" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2952.4" y="-2340.61" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl(type)</text>
<text text-anchor="start" x="2952.4" y="-2325.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleBlur()</text>
<text text-anchor="start" x="2952.4" y="-2310.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick(event)</text>
<text text-anchor="start" x="2952.4" y="-2295.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleFocus()</text>
<text text-anchor="start" x="2952.4" y="-2280.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleKeyPress(event)</text>
<text text-anchor="start" x="2952.4" y="-2265.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseDown(event)</text>
<text text-anchor="start" x="2952.4" y="-2250.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseMove()</text>
<text text-anchor="start" x="2952.4" y="-2235.61" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseUp()</text>
<text text-anchor="start" x="2952.4" y="-2220.61" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
<text text-anchor="start" x="2952.4" y="-2205.61" font-family="Times New Roman,serif" font-size="14.00">&#45;vertical(bool)</text>
</g>
<!-- n80&#45;&gt;n8557 -->
<g id="edge345" class="edge"><title>n80&#45;&gt;n8557</title>
<path fill="none" stroke="black" d="M2651.58,-2916.26C2651.58,-2916.26 2651.58,-2915 2651.58,-2915 2651.58,-2915 2926.7,-2915 2926.7,-2915 2926.7,-2915 2926.7,-2376 2926.7,-2376 2926.7,-2376 2933.79,-2376 2944.32,-2376"/>
<polygon fill="black" stroke="black" points="2651.58,-2915.63 2655.58,-2921.63 2651.58,-2927.63 2647.58,-2921.63 2651.58,-2915.63"/>
</g>
<!-- n64&#45;&gt;n66 -->
<g id="edge226" class="edge"><title>n64&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1951.24,-3269.95C1951.24,-3272.36 1951.24,-3274 1951.24,-3274 1951.24,-3274 2311.55,-3274 2311.55,-3274 2311.55,-3274 2311.55,-3273.69 2311.55,-3273.69"/>
<polygon fill="red" stroke="red" points="2315.05,-3280.92 2311.55,-3270.92 2308.05,-3280.92 2315.05,-3280.92"/>
<text text-anchor="middle" x="2161.52" y="-3277.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64&#45;&gt;n91 -->
<g id="edge228" class="edge"><title>n64&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1972.8,-3231.52C1972.8,-3199.57 1972.8,-3139 1972.8,-3139 1972.8,-3139 1871.02,-3139 1871.02,-3139 1871.02,-3139 1871.02,-2909.29 1871.02,-2909.29"/>
<polygon fill="red" stroke="red" points="1874.52,-2909.29 1871.02,-2899.29 1867.52,-2909.3 1874.52,-2909.29"/>
<text text-anchor="middle" x="1903.02" y="-3110.1" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64&#45;&gt;n95 -->
<g id="edge230" class="edge"><title>n64&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1846.42,-3233C1752.16,-3233 1617.35,-3233 1617.35,-3233 1617.35,-3233 1617.35,-3080.68 1617.35,-3080.68"/>
<polygon fill="red" stroke="red" points="1620.85,-3080.68 1617.35,-3070.68 1613.85,-3080.68 1620.85,-3080.68"/>
<text text-anchor="middle" x="1623.73" y="-3236.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64&#45;&gt;n101 -->
<g id="edge229" class="edge"><title>n64&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1999.17,-3231.69C1999.17,-3199.31 1999.17,-3137 1999.17,-3137 1999.17,-3137 2027.42,-3137 2027.42,-3137"/>
<polygon fill="red" stroke="red" points="2027.42,-3140.5 2037.42,-3137 2027.42,-3133.5 2027.42,-3140.5"/>
<text text-anchor="middle" x="2015.17" y="-3159.02" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64&#45;&gt;n92 -->
<g id="edge227" class="edge"><title>n64&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2007.96,-3231.47C2007.96,-3205.38 2007.96,-3162 2007.96,-3162 2007.96,-3162 2159.32,-3162 2159.32,-3162"/>
<polygon fill="red" stroke="red" points="2159.32,-3165.5 2169.32,-3162 2159.32,-3158.5 2159.32,-3165.5"/>
<text text-anchor="middle" x="2048.9" y="-3150.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64&#45;&gt;n554 -->
<g id="edge231" class="edge"><title>n64&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1846.37,-3236C1612.27,-3236 1000.77,-3236 1000.77,-3236 1000.77,-3236 1000.77,-2778 1000.77,-2778 1000.77,-2778 1367.74,-2778 1367.74,-2778 1367.74,-2778 1367.74,-2787 1367.74,-2787 1367.74,-2787 1396.58,-2787 1396.58,-2787 1396.58,-2787 1396.58,-2712 1396.58,-2712 1396.58,-2712 1463.71,-2712 1463.71,-2712"/>
<polygon fill="red" stroke="red" points="1463.71,-2715.5 1473.71,-2712 1463.71,-2708.5 1463.71,-2715.5"/>
<text text-anchor="middle" x="968.774" y="-3160.13" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n64&#45;&gt;n6994 -->
<g id="edge232" class="edge"><title>n64&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1990.38,-3231.71C1990.38,-3191.82 1990.38,-3103 1990.38,-3103 1990.38,-3103 2127.81,-3103 2127.81,-3103 2127.81,-3103 2127.81,-2986 2127.81,-2986 2127.81,-2986 2184.23,-2986 2184.23,-2986"/>
<polygon fill="red" stroke="red" points="2184.23,-2989.5 2194.23,-2986 2184.23,-2982.5 2184.23,-2989.5"/>
<text text-anchor="middle" x="2049.45" y="-3091.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n7033 -->
<g id="node185" class="node"><title>n7033</title>
<polygon fill="#97ffff" stroke="black" points="1564.94,-3834.31 1564.94,-4060.31 1742.94,-4060.31 1742.94,-3834.31 1564.94,-3834.31"/>
<text text-anchor="middle" x="1653.94" y="-4045.11" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1653.94" y="-4030.11" font-family="Times New Roman,serif" font-size="14.00">ClickableComponent</text>
<polyline fill="none" stroke="black" points="1564.94,-4022.31 1742.94,-4022.31 "/>
<text text-anchor="start" x="1572.94" y="-4007.11" font-family="Times New Roman,serif" font-size="14.00">&#45;addChild(child)</text>
<text text-anchor="start" x="1572.94" y="-3992.11" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="1572.94" y="-3977.11" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1572.94" y="-3962.11" font-family="Times New Roman,serif" font-size="14.00">&#45;controlText(text)</text>
<text text-anchor="start" x="1572.94" y="-3947.11" font-family="Times New Roman,serif" font-size="14.00">&#45;createControlTextEl(el)</text>
<text text-anchor="start" x="1572.94" y="-3932.11" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1572.94" y="-3917.11" font-family="Times New Roman,serif" font-size="14.00">&#45;disable()</text>
<text text-anchor="start" x="1572.94" y="-3902.11" font-family="Times New Roman,serif" font-size="14.00">&#45;enable()</text>
<text text-anchor="start" x="1572.94" y="-3887.11" font-family="Times New Roman,serif" font-size="14.00">&#45;handleBlur()</text>
<text text-anchor="start" x="1572.94" y="-3872.11" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="1572.94" y="-3857.11" font-family="Times New Roman,serif" font-size="14.00">&#45;handleFocus()</text>
<text text-anchor="start" x="1572.94" y="-3842.11" font-family="Times New Roman,serif" font-size="14.00">&#45;handleKeyPress(event)</text>
</g>
<!-- n64&#45;&gt;n7033 -->
<g id="edge233" class="edge"><title>n64&#45;&gt;n7033</title>
<path fill="none" stroke="black" d="M1834.23,-3240C1834.23,-3240 943.729,-3240 943.729,-3240 943.729,-3240 943.729,-3874 943.729,-3874 943.729,-3874 1373.96,-3874 1564.71,-3874"/>
<polygon fill="black" stroke="black" points="1834.23,-3240 1840.23,-3236 1846.23,-3240 1840.23,-3244 1834.23,-3240"/>
</g>
<!-- n82 -->
<g id="node77" class="node"><title>n82</title>
<polygon fill="aliceblue" stroke="black" points="1963.24,-3498.85 1963.24,-3536.85 2090.24,-3536.85 2090.24,-3498.85 1963.24,-3498.85"/>
<text text-anchor="middle" x="2026.74" y="-3521.65" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2026.74" y="-3506.65" font-family="Times New Roman,serif" font-size="14.00">src/js/menu/menu.js</text>
</g>
<!-- n82&#45;&gt;n66 -->
<g id="edge350" class="edge"><title>n82&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1962.82,-3504C1843.7,-3504 1599.75,-3504 1599.75,-3504 1599.75,-3504 1599.75,-3226 1599.75,-3226 1599.75,-3226 2364.86,-3226 2364.86,-3226 2364.86,-3226 2364.86,-3226.68 2364.86,-3226.68"/>
<polygon fill="red" stroke="red" points="2361.36,-3222.8 2364.86,-3232.8 2368.36,-3222.8 2361.36,-3222.8"/>
<text text-anchor="middle" x="1694.12" y="-3229.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n82&#45;&gt;n91 -->
<g id="edge353" class="edge"><title>n82&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2005.57,-3498.6C2005.57,-3495.89 2005.57,-3494 2005.57,-3494 2005.57,-3494 1633.65,-3494 1633.65,-3494 1633.65,-3494 1633.65,-3555 1633.65,-3555 1633.65,-3555 702.799,-3555 702.799,-3555 702.799,-3555 702.799,-2869 702.799,-2869 702.799,-2869 1616.61,-2869 1616.61,-2869"/>
<polygon fill="red" stroke="red" points="1616.61,-2872.5 1626.61,-2869 1616.61,-2865.5 1616.61,-2872.5"/>
<text text-anchor="middle" x="734.799" y="-3443.08" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n82&#45;&gt;n101 -->
<g id="edge352" class="edge"><title>n82&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1962.93,-3503C1843.35,-3503 1597.45,-3503 1597.45,-3503 1597.45,-3503 1597.45,-3099 1597.45,-3099 1597.45,-3099 2087.75,-3099 2087.75,-3099 2087.75,-3099 2087.75,-3100.08 2087.75,-3100.08"/>
<polygon fill="red" stroke="red" points="2084.25,-3099.85 2087.75,-3109.85 2091.25,-3099.85 2084.25,-3099.85"/>
<text text-anchor="middle" x="1581.45" y="-3226.85" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n82&#45;&gt;n92 -->
<g id="edge351" class="edge"><title>n82&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1967.29,-3536.97C1967.29,-3551.86 1967.29,-3570 1967.29,-3570 1967.29,-3570 1596.3,-3570 1596.3,-3570 1596.3,-3570 1596.3,-3092 1596.3,-3092 1596.3,-3092 2159.31,-3092 2159.31,-3092"/>
<polygon fill="red" stroke="red" points="2159.31,-3095.5 2169.31,-3092 2159.31,-3088.5 2159.31,-3095.5"/>
<text text-anchor="middle" x="1564.3" y="-3240.3" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8657 -->
<g id="node198" class="node"><title>n8657</title>
<polygon fill="#97ffff" stroke="black" points="1315.77,-3902.85 1315.77,-4068.85 1493.77,-4068.85 1493.77,-3902.85 1315.77,-3902.85"/>
<text text-anchor="middle" x="1404.77" y="-4053.65" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1404.77" y="-4038.65" font-family="Times New Roman,serif" font-size="14.00">Menu</text>
<polyline fill="none" stroke="black" points="1315.77,-4030.85 1493.77,-4030.85 "/>
<text text-anchor="start" x="1323.77" y="-4015.65" font-family="Times New Roman,serif" font-size="14.00">+focusedChild_()</text>
<text text-anchor="start" x="1323.77" y="-4000.65" font-family="Times New Roman,serif" font-size="14.00">&#45;addItem(component)</text>
<text text-anchor="start" x="1323.77" y="-3985.65" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1323.77" y="-3970.65" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1323.77" y="-3955.65" font-family="Times New Roman,serif" font-size="14.00">&#45;focus()</text>
<text text-anchor="start" x="1323.77" y="-3940.65" font-family="Times New Roman,serif" font-size="14.00">&#45;handleKeyPress(event)</text>
<text text-anchor="start" x="1323.77" y="-3925.65" font-family="Times New Roman,serif" font-size="14.00">&#45;stepBack()</text>
<text text-anchor="start" x="1323.77" y="-3910.65" font-family="Times New Roman,serif" font-size="14.00">&#45;stepForward()</text>
</g>
<!-- n82&#45;&gt;n8657 -->
<g id="edge354" class="edge"><title>n82&#45;&gt;n8657</title>
<path fill="none" stroke="black" d="M1968.83,-3548.99C1968.83,-3548.99 1968.83,-3784 1968.83,-3784 1968.83,-3784 1463.02,-3784 1463.02,-3784 1463.02,-3784 1463.02,-3846.98 1463.02,-3902.58"/>
<polygon fill="black" stroke="black" points="1968.83,-3548.99 1964.83,-3542.99 1968.83,-3536.99 1972.83,-3542.99 1968.83,-3548.99"/>
</g>
<!-- n83&#45;&gt;n66 -->
<g id="edge356" class="edge"><title>n83&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2285.55,-3252C2285.55,-3252 2286.32,-3252 2286.32,-3252"/>
<polygon fill="red" stroke="red" points="2283.2,-3255.5 2293.2,-3252 2283.2,-3248.5 2283.2,-3255.5"/>
<text text-anchor="middle" x="2317.94" y="-3255.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n83&#45;&gt;n64 -->
<g id="edge355" class="edge"><title>n83&#45;&gt;n64</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2118.13,-3251C2118.13,-3251 2035.81,-3251 2035.81,-3251"/>
<polygon fill="red" stroke="red" points="2035.81,-3247.5 2025.81,-3251 2035.81,-3254.5 2035.81,-3247.5"/>
<text text-anchor="middle" x="2076.97" y="-3239.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n83&#45;&gt;n82 -->
<g id="edge357" class="edge"><title>n83&#45;&gt;n82</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2164.43,-3272.31C2164.43,-3307.35 2164.43,-3378 2164.43,-3378 2164.43,-3378 1914.54,-3378 1914.54,-3378 1914.54,-3378 1914.54,-3500 1914.54,-3500 1914.54,-3500 1953.1,-3500 1953.1,-3500"/>
<polygon fill="red" stroke="red" points="1953.1,-3503.5 1963.1,-3500 1953.1,-3496.5 1953.1,-3503.5"/>
<text text-anchor="middle" x="1980.05" y="-3366.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n83&#45;&gt;n100 -->
<g id="edge360" class="edge"><title>n83&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2151.27,-3272.32C2151.27,-3286.74 2151.27,-3304 2151.27,-3304 2151.27,-3304 2041.08,-3304 2041.08,-3304"/>
<polygon fill="red" stroke="red" points="2041.08,-3300.5 2031.08,-3304 2041.08,-3307.5 2041.08,-3300.5"/>
<text text-anchor="middle" x="2080.02" y="-3307.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n83&#45;&gt;n101 -->
<g id="edge359" class="edge"><title>n83&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2132.96,-3233.95C2132.96,-3233.95 2132.96,-3158.38 2132.96,-3158.38"/>
<polygon fill="red" stroke="red" points="2136.46,-3158.38 2132.96,-3148.38 2129.46,-3158.38 2136.46,-3158.38"/>
<text text-anchor="middle" x="2164.96" y="-3199.97" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n83&#45;&gt;n92 -->
<g id="edge358" class="edge"><title>n83&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2227.39,-3233.98C2227.39,-3233.98 2227.39,-3203.87 2227.39,-3203.87"/>
<polygon fill="red" stroke="red" points="2230.89,-3203.87 2227.39,-3193.87 2223.89,-3203.87 2230.89,-3203.87"/>
<text text-anchor="middle" x="2195.39" y="-3222.72" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8704 -->
<g id="node199" class="node"><title>n8704</title>
<polygon fill="#97ffff" stroke="black" points="2951.51,-2594.82 2951.51,-2858.82 3152.51,-2858.82 3152.51,-2594.82 2951.51,-2594.82"/>
<text text-anchor="middle" x="3052.01" y="-2843.62" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3052.01" y="-2828.62" font-family="Times New Roman,serif" font-size="14.00">MenuButton</text>
<polyline fill="none" stroke="black" points="2951.51,-2820.82 3152.51,-2820.82 "/>
<text text-anchor="start" x="2959.51" y="-2805.62" font-family="Times New Roman,serif" font-size="14.00">+enabled_ : boolean = true</text>
<polyline fill="none" stroke="black" points="2951.51,-2797.82 3152.51,-2797.82 "/>
<text text-anchor="start" x="2959.51" y="-2782.62" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="2959.51" y="-2767.62" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player)</text>
<text text-anchor="start" x="2959.51" y="-2752.62" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2959.51" y="-2737.62" font-family="Times New Roman,serif" font-size="14.00">&#45;createItems()</text>
<text text-anchor="start" x="2959.51" y="-2722.62" font-family="Times New Roman,serif" font-size="14.00">&#45;createMenu()</text>
<text text-anchor="start" x="2959.51" y="-2707.62" font-family="Times New Roman,serif" font-size="14.00">&#45;disable()</text>
<text text-anchor="start" x="2959.51" y="-2692.62" font-family="Times New Roman,serif" font-size="14.00">&#45;enable()</text>
<text text-anchor="start" x="2959.51" y="-2677.62" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="2959.51" y="-2662.62" font-family="Times New Roman,serif" font-size="14.00">&#45;handleKeyPress(event)</text>
<text text-anchor="start" x="2959.51" y="-2647.62" font-family="Times New Roman,serif" font-size="14.00">&#45;handleSubmenuKeyPress(event)</text>
<text text-anchor="start" x="2959.51" y="-2632.62" font-family="Times New Roman,serif" font-size="14.00">&#45;pressButton()</text>
<text text-anchor="start" x="2959.51" y="-2617.62" font-family="Times New Roman,serif" font-size="14.00">&#45;unpressButton()</text>
<text text-anchor="start" x="2959.51" y="-2602.62" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n83&#45;&gt;n8704 -->
<g id="edge361" class="edge"><title>n83&#45;&gt;n8704</title>
<path fill="none" stroke="black" d="M2157.85,-3284.11C2157.85,-3284.11 2157.85,-3370 2157.85,-3370 2157.85,-3370 1830.07,-3370 1830.07,-3370 1830.07,-3370 1830.07,-3237 1830.07,-3237 1830.07,-3237 635.754,-3237 635.754,-3237 635.754,-3237 635.754,-3225 635.754,-3225 635.754,-3225 4125.25,-3225 4125.25,-3225 4125.25,-3225 4125.25,-2844 4125.25,-2844 4125.25,-2844 3420.14,-2844 3152.98,-2844"/>
<polygon fill="black" stroke="black" points="2157.85,-3284.11 2153.85,-3278.11 2157.85,-3272.11 2161.85,-3278.11 2157.85,-3284.11"/>
</g>
<!-- n59 -->
<g id="node79" class="node"><title>n59</title>
<polygon fill="aliceblue" stroke="black" points="3222.85,-2176.38 3222.85,-2214.38 3412.85,-2214.38 3412.85,-2176.38 3222.85,-2176.38"/>
<text text-anchor="middle" x="3317.85" y="-2199.18" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3317.85" y="-2184.18" font-family="Times New Roman,serif" font-size="14.00">test/unit/utils/time&#45;ranges.test.js</text>
</g>
<!-- n59&#45;&gt;n98 -->
<g id="edge209" class="edge"><title>n59&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3222.72,-2183C3102.78,-2183 2912.09,-2183 2912.09,-2183 2912.09,-2183 2912.09,-2734.22 2912.09,-2734.22"/>
<polygon fill="red" stroke="red" points="2908.59,-2734.22 2912.09,-2744.22 2915.59,-2734.22 2908.59,-2734.22"/>
<text text-anchor="middle" x="2775.09" y="-2292.1" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRanges, createTimeRange]»</text>
</g>
<!-- n85&#45;&gt;n66 -->
<g id="edge372" class="edge"><title>n85&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2398.32,-2314C2595.23,-2314 2874.51,-2314 2874.51,-2314 2874.51,-2314 2874.51,-2565 2874.51,-2565 2874.51,-2565 4128.46,-2565 4128.46,-2565 4128.46,-2565 4128.46,-3137 4128.46,-3137 4128.46,-3137 2697.95,-3137 2697.95,-3137 2697.95,-3137 2697.95,-3311 2697.95,-3311 2697.95,-3311 2383.55,-3311 2383.55,-3311 2383.55,-3311 2383.55,-3280.91 2383.55,-3280.91"/>
<polygon fill="red" stroke="red" points="2387.05,-3280.91 2383.55,-3270.91 2380.05,-3280.91 2387.05,-3280.91"/>
<text text-anchor="middle" x="4096.46" y="-2838.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n87 -->
<g id="edge371" class="edge"><title>n85&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.29,-2379C2018.29,-2379 2010.19,-2379 2010.19,-2379"/>
<polygon fill="red" stroke="red" points="2010.19,-2375.5 2000.19,-2379 2010.19,-2382.5 2010.19,-2375.5"/>
<text text-anchor="middle" x="1998.24" y="-2367.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n89 -->
<g id="edge379" class="edge"><title>n85&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.19,-2215C1880.48,-2215 1718.4,-2215 1718.4,-2215 1718.4,-2215 1718.4,-2406.95 1718.4,-2406.95"/>
<polygon fill="red" stroke="red" points="1714.9,-2406.95 1718.4,-2416.95 1721.9,-2406.95 1714.9,-2406.95"/>
<text text-anchor="middle" x="1740.32" y="-2203.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n95 -->
<g id="edge376" class="edge"><title>n85&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.22,-2093C1836.11,-2093 1588.79,-2093 1588.79,-2093 1588.79,-2093 1588.79,-2038 1588.79,-2038 1588.79,-2038 387.851,-2038 387.851,-2038 387.851,-2038 387.851,-3059 387.851,-3059 387.851,-3059 1485.59,-3059 1485.59,-3059"/>
<polygon fill="red" stroke="red" points="1485.59,-3062.5 1495.59,-3059 1485.59,-3055.5 1485.59,-3062.5"/>
<text text-anchor="middle" x="355.851" y="-2243.49" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n96 -->
<g id="edge383" class="edge"><title>n85&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2111.37,-2515.28C2111.37,-2515.28 2111.37,-2530.16 2111.37,-2530.16"/>
<polygon fill="red" stroke="red" points="2107.87,-2530.16 2111.37,-2540.16 2114.87,-2530.16 2107.87,-2530.16"/>
<text text-anchor="middle" x="2079.37" y="-2526.52" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n99 -->
<g id="edge374" class="edge"><title>n85&#45;&gt;n99</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.29,-2229C1876.98,-2229 1708.52,-2229 1708.52,-2229 1708.52,-2229 1708.52,-2360 1708.52,-2360 1708.52,-2360 1439.09,-2360 1439.09,-2360"/>
<polygon fill="red" stroke="red" points="1439.09,-2356.5 1429.09,-2360 1439.09,-2363.5 1439.09,-2356.5"/>
<text text-anchor="middle" x="1740.52" y="-2278.13" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n100 -->
<g id="edge384" class="edge"><title>n85&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.12,-2089C1837.26,-2089 1592.6,-2089 1592.6,-2089 1592.6,-2089 1592.6,-2034 1592.6,-2034 1592.6,-2034 386.907,-2034 386.907,-2034 386.907,-2034 386.907,-3239 386.907,-3239 386.907,-3239 1833.73,-3239 1833.73,-3239 1833.73,-3239 1833.73,-3309 1833.73,-3309 1833.73,-3309 1866.79,-3309 1866.79,-3309"/>
<polygon fill="red" stroke="red" points="1866.79,-3312.5 1876.79,-3309 1866.79,-3305.5 1866.79,-3312.5"/>
<text text-anchor="middle" x="354.907" y="-2572.13" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n101 -->
<g id="edge375" class="edge"><title>n85&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.06,-2162C1808.83,-2162 1501.88,-2162 1501.88,-2162 1501.88,-2162 1501.88,-2284 1501.88,-2284 1501.88,-2284 425.685,-2284 425.685,-2284 425.685,-2284 425.685,-3056 425.685,-3056 425.685,-3056 1450.53,-3056 1450.53,-3056 1450.53,-3056 1450.53,-3094 1450.53,-3094 1450.53,-3094 2056.44,-3094 2056.44,-3094 2056.44,-3094 2056.44,-3099.88 2056.44,-3099.88"/>
<polygon fill="red" stroke="red" points="2052.94,-3099.88 2056.44,-3109.88 2059.94,-3099.88 2052.94,-3099.88"/>
<text text-anchor="middle" x="393.685" y="-2653.93" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n112 -->
<g id="edge378" class="edge"><title>n85&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2018.08,-2121C1737.86,-2121 1246.94,-2121 1246.94,-2121 1246.94,-2121 1246.94,-2254 1246.94,-2254 1246.94,-2254 665.302,-2254 665.302,-2254 665.302,-2254 665.302,-2598 665.302,-2598 665.302,-2598 1249.86,-2598 1249.86,-2598"/>
<polygon fill="red" stroke="red" points="1249.86,-2601.5 1259.86,-2598 1249.86,-2594.5 1249.86,-2601.5"/>
<text text-anchor="middle" x="911.913" y="-2257.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n92 -->
<g id="edge373" class="edge"><title>n85&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2398.4,-2283C2611.71,-2283 2928.26,-2283 2928.26,-2283 2928.26,-2283 2928.26,-2868 2928.26,-2868 2928.26,-2868 3087.95,-2868 3087.95,-2868 3087.95,-2868 3087.95,-3065 3087.95,-3065 3087.95,-3065 2898.91,-3065 2898.91,-3065 2898.91,-3065 2898.91,-3114 2898.91,-3114 2898.91,-3114 2342.63,-3114 2342.63,-3114"/>
<polygon fill="red" stroke="red" points="2342.63,-3110.5 2332.63,-3114 2342.63,-3117.5 2342.63,-3110.5"/>
<text text-anchor="middle" x="2978.34" y="-2871.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n554 -->
<g id="edge380" class="edge"><title>n85&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2017.95,-2190C1809.64,-2190 1504.9,-2190 1504.9,-2190 1504.9,-2190 1504.9,-2295 1504.9,-2295 1504.9,-2295 695.598,-2295 695.598,-2295 695.598,-2295 695.598,-2495 695.598,-2495 695.598,-2495 1246.25,-2495 1246.25,-2495 1246.25,-2495 1246.25,-2651 1246.25,-2651 1246.25,-2651 1525.18,-2651 1525.18,-2651 1525.18,-2651 1525.18,-2682.12 1525.18,-2682.12"/>
<polygon fill="red" stroke="red" points="1521.68,-2682.12 1525.18,-2692.12 1528.68,-2682.12 1521.68,-2682.12"/>
<text text-anchor="middle" x="768.921" y="-2298.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n555 -->
<g id="edge381" class="edge"><title>n85&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2017.9,-2097C1834.59,-2097 1584.98,-2097 1584.98,-2097 1584.98,-2097 1584.98,-2041 1584.98,-2041 1584.98,-2041 393.52,-2041 393.52,-2041 393.52,-2041 393.52,-3046 393.52,-3046 393.52,-3046 1412.9,-3046 1412.9,-3046 1412.9,-3046 1412.9,-2903 1412.9,-2903 1412.9,-2903 1471.53,-2903 1471.53,-2903"/>
<polygon fill="red" stroke="red" points="1471.53,-2906.5 1481.53,-2903 1471.53,-2899.5 1471.53,-2906.5"/>
<text text-anchor="middle" x="425.52" y="-2317.62" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n85&#45;&gt;n6994 -->
<g id="edge382" class="edge"><title>n85&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2398.62,-2267C2610.04,-2267 2922,-2267 2922,-2267 2922,-2267 2922,-2844 2922,-2844 2922,-2844 2286.31,-2844 2286.31,-2844 2286.31,-2844 2286.31,-2971.81 2286.31,-2971.81"/>
<polygon fill="red" stroke="red" points="2282.81,-2971.81 2286.31,-2981.81 2289.81,-2971.81 2282.81,-2971.81"/>
<text text-anchor="middle" x="2890" y="-2679.36" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8958 -->
<g id="node201" class="node"><title>n8958</title>
<polygon fill="azure" stroke="black" points="2753.4,-2848.22 2753.4,-2886.22 2890.4,-2886.22 2890.4,-2848.22 2753.4,-2848.22"/>
<text text-anchor="middle" x="2821.9" y="-2871.02" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="2821.9" y="-2856.02" font-family="Times New Roman,serif" font-size="14.00">tsml</text>
</g>
<!-- n85&#45;&gt;n8958 -->
<g id="edge377" class="edge"><title>n85&#45;&gt;n8958</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2398.57,-2299C2610.46,-2299 2923.56,-2299 2923.56,-2299 2923.56,-2299 2923.56,-2853 2923.56,-2853 2923.56,-2853 2900.56,-2853 2900.56,-2853"/>
<polygon fill="red" stroke="red" points="2900.56,-2849.5 2890.56,-2853 2900.56,-2856.5 2900.56,-2849.5"/>
<text text-anchor="middle" x="2891.56" y="-2328.81" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8959 -->
<g id="node254" class="node"><title>n8959</title>
<polygon fill="#97ffff" stroke="black" points="2842.7,-0.0539067 2842.7,-1029.05 3064.7,-1029.05 3064.7,-0.0539067 2842.7,-0.0539067"/>
<text text-anchor="middle" x="2953.7" y="-1013.85" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2953.7" y="-998.854" font-family="Times New Roman,serif" font-size="14.00">Html5</text>
<polyline fill="none" stroke="black" points="2842.7,-991.054 3064.7,-991.054 "/>
<text text-anchor="start" x="2850.7" y="-975.854" font-family="Times New Roman,serif" font-size="14.00">+crossoriginTracks : boolean = false</text>
<polyline fill="none" stroke="black" points="2842.7,-968.054 3064.7,-968.054 "/>
<text text-anchor="start" x="2850.7" y="-952.854" font-family="Times New Roman,serif" font-size="14.00">+handleTextTrackAdd_()</text>
<text text-anchor="start" x="2850.7" y="-937.854" font-family="Times New Roman,serif" font-size="14.00">+handleTextTrackChange_()</text>
<text text-anchor="start" x="2850.7" y="-922.854" font-family="Times New Roman,serif" font-size="14.00">+handleTextTrackRemove_()</text>
<text text-anchor="start" x="2850.7" y="-907.854" font-family="Times New Roman,serif" font-size="14.00">&#45;addRemoteTextTrack()</text>
<text text-anchor="start" x="2850.7" y="-892.854" font-family="Times New Roman,serif" font-size="14.00">&#45;addTextTrack(kind, label, language)</text>
<text text-anchor="start" x="2850.7" y="-877.854" font-family="Times New Roman,serif" font-size="14.00">&#45;autoplay()</text>
<text text-anchor="start" x="2850.7" y="-862.854" font-family="Times New Roman,serif" font-size="14.00">&#45;buffered()</text>
<text text-anchor="start" x="2850.7" y="-847.854" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(options, ready)</text>
<text text-anchor="start" x="2850.7" y="-832.854" font-family="Times New Roman,serif" font-size="14.00">&#45;controls()</text>
<text text-anchor="start" x="2850.7" y="-817.854" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2850.7" y="-802.854" font-family="Times New Roman,serif" font-size="14.00">&#45;currentSrc()</text>
<text text-anchor="start" x="2850.7" y="-787.854" font-family="Times New Roman,serif" font-size="14.00">&#45;currentTime()</text>
<text text-anchor="start" x="2850.7" y="-772.854" font-family="Times New Roman,serif" font-size="14.00">&#45;defaultMuted()</text>
<text text-anchor="start" x="2850.7" y="-757.854" font-family="Times New Roman,serif" font-size="14.00">&#45;dispose()</text>
<text text-anchor="start" x="2850.7" y="-742.854" font-family="Times New Roman,serif" font-size="14.00">&#45;duration()</text>
<text text-anchor="start" x="2850.7" y="-727.854" font-family="Times New Roman,serif" font-size="14.00">&#45;ended()</text>
<text text-anchor="start" x="2850.7" y="-712.854" font-family="Times New Roman,serif" font-size="14.00">&#45;enterFullScreen()</text>
<text text-anchor="start" x="2850.7" y="-697.854" font-family="Times New Roman,serif" font-size="14.00">&#45;error()</text>
<text text-anchor="start" x="2850.7" y="-682.854" font-family="Times New Roman,serif" font-size="14.00">&#45;exitFullScreen()</text>
<text text-anchor="start" x="2850.7" y="-667.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleAudioTrackAdd_(e)</text>
<text text-anchor="start" x="2850.7" y="-652.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleAudioTrackChange_(e)</text>
<text text-anchor="start" x="2850.7" y="-637.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleAudioTrackRemove_(e)</text>
<text text-anchor="start" x="2850.7" y="-622.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleLateInit_(el)</text>
<text text-anchor="start" x="2850.7" y="-607.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTextTrackAdd(e)</text>
<text text-anchor="start" x="2850.7" y="-592.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTextTrackChange(e)</text>
<text text-anchor="start" x="2850.7" y="-577.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTextTrackRemove(e)</text>
<text text-anchor="start" x="2850.7" y="-562.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleVideoTrackAdd_(e)</text>
<text text-anchor="start" x="2850.7" y="-547.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleVideoTrackChange_(e)</text>
<text text-anchor="start" x="2850.7" y="-532.854" font-family="Times New Roman,serif" font-size="14.00">&#45;handleVideoTrackRemove_(e)</text>
<text text-anchor="start" x="2850.7" y="-517.854" font-family="Times New Roman,serif" font-size="14.00">&#45;height()</text>
<text text-anchor="start" x="2850.7" y="-502.854" font-family="Times New Roman,serif" font-size="14.00">&#45;load()</text>
<text text-anchor="start" x="2850.7" y="-487.854" font-family="Times New Roman,serif" font-size="14.00">&#45;loop()</text>
<text text-anchor="start" x="2850.7" y="-472.854" font-family="Times New Roman,serif" font-size="14.00">&#45;muted()</text>
<text text-anchor="start" x="2850.7" y="-457.854" font-family="Times New Roman,serif" font-size="14.00">&#45;networkState()</text>
<text text-anchor="start" x="2850.7" y="-442.854" font-family="Times New Roman,serif" font-size="14.00">&#45;pause()</text>
<text text-anchor="start" x="2850.7" y="-427.854" font-family="Times New Roman,serif" font-size="14.00">&#45;paused()</text>
<text text-anchor="start" x="2850.7" y="-412.854" font-family="Times New Roman,serif" font-size="14.00">&#45;play()</text>
<text text-anchor="start" x="2850.7" y="-397.854" font-family="Times New Roman,serif" font-size="14.00">&#45;playbackRate()</text>
<text text-anchor="start" x="2850.7" y="-382.854" font-family="Times New Roman,serif" font-size="14.00">&#45;played()</text>
<text text-anchor="start" x="2850.7" y="-367.854" font-family="Times New Roman,serif" font-size="14.00">&#45;poster()</text>
<text text-anchor="start" x="2850.7" y="-352.854" font-family="Times New Roman,serif" font-size="14.00">&#45;preload()</text>
<text text-anchor="start" x="2850.7" y="-337.854" font-family="Times New Roman,serif" font-size="14.00">&#45;proxyNativeTextTracks_()</text>
<text text-anchor="start" x="2850.7" y="-322.854" font-family="Times New Roman,serif" font-size="14.00">&#45;readyState()</text>
<text text-anchor="start" x="2850.7" y="-307.854" font-family="Times New Roman,serif" font-size="14.00">&#45;removeRemoteTextTrack(track)</text>
<text text-anchor="start" x="2850.7" y="-292.854" font-family="Times New Roman,serif" font-size="14.00">&#45;reset()</text>
<text text-anchor="start" x="2850.7" y="-277.854" font-family="Times New Roman,serif" font-size="14.00">&#45;seekable()</text>
<text text-anchor="start" x="2850.7" y="-262.854" font-family="Times New Roman,serif" font-size="14.00">&#45;seeking()</text>
<text text-anchor="start" x="2850.7" y="-247.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setAutoplay(val)</text>
<text text-anchor="start" x="2850.7" y="-232.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setControls(val)</text>
<text text-anchor="start" x="2850.7" y="-217.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setCurrentTime(seconds)</text>
<text text-anchor="start" x="2850.7" y="-202.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setLoop(val)</text>
<text text-anchor="start" x="2850.7" y="-187.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setMuted(muted)</text>
<text text-anchor="start" x="2850.7" y="-172.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setPlaybackRate(val)</text>
<text text-anchor="start" x="2850.7" y="-157.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setPoster(val)</text>
<text text-anchor="start" x="2850.7" y="-142.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setPreload(val)</text>
<text text-anchor="start" x="2850.7" y="-127.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setSrc(src)</text>
<text text-anchor="start" x="2850.7" y="-112.854" font-family="Times New Roman,serif" font-size="14.00">&#45;setVolume(percentAsDecimal)</text>
<text text-anchor="start" x="2850.7" y="-97.8539" font-family="Times New Roman,serif" font-size="14.00">&#45;src(src)</text>
<text text-anchor="start" x="2850.7" y="-82.8539" font-family="Times New Roman,serif" font-size="14.00">&#45;supportsFullScreen()</text>
<text text-anchor="start" x="2850.7" y="-67.8539" font-family="Times New Roman,serif" font-size="14.00">&#45;textTracks()</text>
<text text-anchor="start" x="2850.7" y="-52.8539" font-family="Times New Roman,serif" font-size="14.00">&#45;videoHeight()</text>
<text text-anchor="start" x="2850.7" y="-37.8539" font-family="Times New Roman,serif" font-size="14.00">&#45;videoWidth()</text>
<text text-anchor="start" x="2850.7" y="-22.8539" font-family="Times New Roman,serif" font-size="14.00">&#45;volume()</text>
<text text-anchor="start" x="2850.7" y="-7.85391" font-family="Times New Roman,serif" font-size="14.00">&#45;width()</text>
</g>
<!-- n85&#45;&gt;n8959 -->
<g id="edge385" class="edge"><title>n85&#45;&gt;n8959</title>
<path fill="none" stroke="black" d="M2334.62,-2073.68C2334.62,-2073.68 2334.62,-695 2334.62,-695 2334.62,-695 2664.51,-695 2842.67,-695"/>
<polygon fill="black" stroke="black" points="2334.62,-2073.68 2338.62,-2079.68 2334.62,-2085.68 2330.62,-2079.68 2334.62,-2073.68"/>
</g>
<!-- n86 -->
<g id="node81" class="node"><title>n86</title>
<polygon fill="aliceblue" stroke="black" points="2640.15,-1218.8 2640.15,-1279.8 2818.15,-1279.8 2818.15,-1218.8 2640.15,-1218.8"/>
<text text-anchor="middle" x="2729.15" y="-1264.6" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2729.15" y="-1249.6" font-family="Times New Roman,serif" font-size="14.00">src/js/tech/flash&#45;rtmp.js</text>
<polyline fill="none" stroke="black" points="2640.15,-1241.8 2818.15,-1241.8 "/>
<text text-anchor="start" x="2648.15" y="-1226.6" font-family="Times New Roman,serif" font-size="14.00">&#45;FlashRtmpDecorator(Flash)</text>
</g>
<!-- n87&#45;&gt;n66 -->
<g id="edge386" class="edge"><title>n87&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.86,-2319C1604.8,-2319 1442.84,-2319 1442.84,-2319 1442.84,-2319 1442.84,-2287 1442.84,-2287 1442.84,-2287 405.104,-2287 405.104,-2287 405.104,-2287 405.104,-3238 405.104,-3238 405.104,-3238 1831.9,-3238 1831.9,-3238 1831.9,-3238 1831.9,-3366 1831.9,-3366 1831.9,-3366 2068.42,-3366 2068.42,-3366 2068.42,-3366 2068.42,-3320 2068.42,-3320 2068.42,-3320 2320.55,-3320 2320.55,-3320 2320.55,-3320 2320.55,-3281.22 2320.55,-3281.22"/>
<polygon fill="red" stroke="red" points="2324.05,-3281.22 2320.55,-3271.22 2317.05,-3281.22 2324.05,-3281.22"/>
<text text-anchor="middle" x="373.104" y="-3153.04" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n70 -->
<g id="edge400" class="edge"><title>n87&#45;&gt;n70</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2000.07,-2518C2000.07,-2518 2651.52,-2518 2651.52,-2518"/>
<polygon fill="red" stroke="red" points="2651.52,-2521.5 2661.52,-2518 2651.52,-2514.5 2651.52,-2521.5"/>
<text text-anchor="middle" x="2293.79" y="-2521.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n90 -->
<g id="edge399" class="edge"><title>n87&#45;&gt;n90</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.97,-2526C1541.63,-2526 1229.84,-2526 1229.84,-2526 1229.84,-2526 1229.84,-2555 1229.84,-2555 1229.84,-2555 1235.91,-2555 1235.91,-2555 1235.91,-2555 1235.91,-2775 1235.91,-2775 1235.91,-2775 1044.02,-2775 1044.02,-2775 1044.02,-2775 1044.02,-2941 1044.02,-2941 1044.02,-2941 2057.78,-2941 2057.78,-2941 2057.78,-2941 2057.78,-2966.36 2057.78,-2966.36"/>
<polygon fill="red" stroke="red" points="2054.28,-2966.36 2057.78,-2976.36 2061.28,-2966.36 2054.28,-2966.36"/>
<text text-anchor="middle" x="1122.02" y="-2908.81" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [bufferedPercent]»</text>
</g>
<!-- n87&#45;&gt;n95 -->
<g id="edge397" class="edge"><title>n87&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1728.02,-2527C1540.27,-2527 1224.57,-2527 1224.57,-2527 1224.57,-2527 1224.57,-2597 1224.57,-2597 1224.57,-2597 534.309,-2597 534.309,-2597 534.309,-2597 534.309,-3049 534.309,-3049 534.309,-3049 1485.64,-3049 1485.64,-3049"/>
<polygon fill="red" stroke="red" points="1485.64,-3052.5 1495.64,-3049 1485.64,-3045.5 1485.64,-3052.5"/>
<text text-anchor="middle" x="502.309" y="-2670.61" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n96 -->
<g id="edge389" class="edge"><title>n87&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2000.04,-2536C2006.34,-2536 2010.08,-2536 2010.08,-2536 2010.08,-2536 2010.08,-2536.42 2010.08,-2536.42"/>
<polygon fill="red" stroke="red" points="2006.58,-2530.24 2010.08,-2540.24 2013.58,-2530.24 2006.58,-2530.24"/>
<text text-anchor="middle" x="1973.28" y="-2539.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n98 -->
<g id="edge398" class="edge"><title>n87&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2000.13,-2534C2109.17,-2534 2244.02,-2534 2244.02,-2534 2244.02,-2534 2244.02,-2613 2244.02,-2613 2244.02,-2613 2619.9,-2613 2619.9,-2613 2619.9,-2613 2619.9,-2734.3 2619.9,-2734.3"/>
<polygon fill="red" stroke="red" points="2616.4,-2734.3 2619.9,-2744.3 2623.4,-2734.3 2616.4,-2734.3"/>
<text text-anchor="middle" x="2331.17" y="-2601.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRange]»</text>
</g>
<!-- n87&#45;&gt;n101 -->
<g id="edge396" class="edge"><title>n87&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.8,-2528C1540.73,-2528 1227.2,-2528 1227.2,-2528 1227.2,-2528 1227.2,-2605 1227.2,-2605 1227.2,-2605 574.416,-2605 574.416,-2605 574.416,-2605 574.416,-3018 574.416,-3018 574.416,-3018 1018.28,-3018 1018.28,-3018 1018.28,-3018 1018.28,-2938 1018.28,-2938 1018.28,-2938 2113.3,-2938 2113.3,-2938 2113.3,-2938 2113.3,-3100.03 2113.3,-3100.03"/>
<polygon fill="red" stroke="red" points="2109.8,-3100.03 2113.3,-3110.03 2116.8,-3100.03 2109.8,-3100.03"/>
<text text-anchor="middle" x="611.18" y="-3021.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n102 -->
<g id="edge394" class="edge"><title>n87&#45;&gt;n102</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.82,-2524C1555.24,-2524 1279.96,-2524 1279.96,-2524 1279.96,-2524 1279.96,-2482.59 1279.96,-2482.59"/>
<polygon fill="red" stroke="red" points="1283.46,-2482.59 1279.96,-2472.59 1276.46,-2482.59 1283.46,-2482.59"/>
<text text-anchor="middle" x="1515.18" y="-2527.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n103 -->
<g id="edge395" class="edge"><title>n87&#45;&gt;n103</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1901.55,-2243.2C1901.55,-2082.87 1901.55,-1849 1901.55,-1849 1901.55,-1849 1567.88,-1849 1567.88,-1849"/>
<polygon fill="red" stroke="red" points="1567.88,-1845.5 1557.88,-1849 1567.88,-1852.5 1567.88,-1845.5"/>
<text text-anchor="middle" x="1869.55" y="-1883.06" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n104 -->
<g id="edge387" class="edge"><title>n87&#45;&gt;n104</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1757.93,-2243.31C1757.93,-2136.99 1757.93,-2012 1757.93,-2012 1757.93,-2012 1022.26,-2012 1022.26,-2012 1022.26,-2012 1022.26,-2051.63 1022.26,-2051.63"/>
<polygon fill="red" stroke="red" points="1018.76,-2051.63 1022.26,-2061.63 1025.76,-2051.63 1018.76,-2051.63"/>
<text text-anchor="middle" x="1453.93" y="-2015.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n105 -->
<g id="edge388" class="edge"><title>n87&#45;&gt;n105</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1731.89,-2243.12C1731.89,-2173.33 1731.89,-2105 1731.89,-2105 1731.89,-2105 1286.31,-2105 1286.31,-2105 1286.31,-2105 1286.31,-1967.9 1286.31,-1967.9"/>
<polygon fill="red" stroke="red" points="1289.81,-1967.9 1286.31,-1957.9 1282.81,-1967.9 1289.81,-1967.9"/>
<text text-anchor="middle" x="1477.6" y="-2108.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n109 -->
<g id="edge391" class="edge"><title>n87&#45;&gt;n109</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.69,-2533C1548.13,-2533 1254.87,-2533 1254.87,-2533 1254.87,-2533 1254.87,-2759 1254.87,-2759 1254.87,-2759 1414.17,-2759 1414.17,-2759"/>
<polygon fill="red" stroke="red" points="1414.17,-2762.5 1424.17,-2759 1414.17,-2755.5 1414.17,-2762.5"/>
<text text-anchor="middle" x="1266.63" y="-2521.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n112 -->
<g id="edge390" class="edge"><title>n87&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.89,-2536C1577.05,-2536 1354.8,-2536 1354.8,-2536 1354.8,-2536 1354.8,-2536.29 1354.8,-2536.29"/>
<polygon fill="red" stroke="red" points="1351.3,-2528.9 1354.8,-2538.9 1358.3,-2528.9 1351.3,-2528.9"/>
<text text-anchor="middle" x="1573.2" y="-2524.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n113 -->
<g id="edge393" class="edge"><title>n87&#45;&gt;n113</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.66,-2327C1727.66,-2327 1298.37,-2327 1298.37,-2327"/>
<polygon fill="red" stroke="red" points="1298.37,-2323.5 1288.37,-2327 1298.37,-2330.5 1298.37,-2323.5"/>
<text text-anchor="middle" x="1481.02" y="-2330.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n114 -->
<g id="edge392" class="edge"><title>n87&#45;&gt;n114</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1866.22,-2243.26C1866.22,-2099.12 1866.22,-1901 1866.22,-1901 1866.22,-1901 1755.47,-1901 1755.47,-1901"/>
<polygon fill="red" stroke="red" points="1755.47,-1897.5 1745.47,-1901 1755.47,-1904.5 1755.47,-1897.5"/>
<text text-anchor="middle" x="1834.22" y="-2020.55" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n554 -->
<g id="edge402" class="edge"><title>n87&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1855.63,-2537.73C1855.63,-2614.68 1855.63,-2693 1855.63,-2693 1855.63,-2693 1621.07,-2693 1621.07,-2693"/>
<polygon fill="red" stroke="red" points="1621.07,-2689.5 1611.07,-2693 1621.07,-2696.5 1621.07,-2689.5"/>
<text text-anchor="middle" x="1799.98" y="-2681.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n87&#45;&gt;n555 -->
<g id="edge401" class="edge"><title>n87&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1727.68,-2534C1546.7,-2534 1249.7,-2534 1249.7,-2534 1249.7,-2534 1249.7,-2777 1249.7,-2777 1249.7,-2777 1361.86,-2777 1361.86,-2777 1361.86,-2777 1361.86,-2811 1361.86,-2811 1361.86,-2811 1514.56,-2811 1514.56,-2811 1514.56,-2811 1514.56,-2874.59 1514.56,-2874.59"/>
<polygon fill="red" stroke="red" points="1511.06,-2874.59 1514.56,-2884.59 1518.06,-2874.59 1511.06,-2874.59"/>
<text text-anchor="middle" x="1217.7" y="-2586.54" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n9327 -->
<g id="node203" class="node"><title>n9327</title>
<polygon fill="#97ffff" stroke="black" points="2021.78,-645.646 2021.78,-1299.65 2302.78,-1299.65 2302.78,-645.646 2021.78,-645.646"/>
<text text-anchor="middle" x="2162.28" y="-1284.45" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2162.28" y="-1269.45" font-family="Times New Roman,serif" font-size="14.00">Tech</text>
<polyline fill="none" stroke="black" points="2021.78,-1261.65 2302.78,-1261.65 "/>
<text text-anchor="start" x="2029.78" y="-1246.45" font-family="Times New Roman,serif" font-size="14.00">+audioTracks_ : object</text>
<text text-anchor="start" x="2029.78" y="-1231.45" font-family="Times New Roman,serif" font-size="14.00">+featuresNativeTextTracks : boolean = false</text>
<text text-anchor="start" x="2029.78" y="-1216.45" font-family="Times New Roman,serif" font-size="14.00">+hasStarted_ : boolean = false</text>
<text text-anchor="start" x="2029.78" y="-1201.45" font-family="Times New Roman,serif" font-size="14.00">+options.reportTouchActivity : boolean = false</text>
<text text-anchor="start" x="2029.78" y="-1186.45" font-family="Times New Roman,serif" font-size="14.00">+textTracks_ : object</text>
<text text-anchor="start" x="2029.78" y="-1171.45" font-family="Times New Roman,serif" font-size="14.00">+videoTracks_ : object</text>
<polyline fill="none" stroke="black" points="2021.78,-1163.65 2302.78,-1163.65 "/>
<text text-anchor="start" x="2029.78" y="-1148.45" font-family="Times New Roman,serif" font-size="14.00">&#45;addRemoteTextTrack(options)</text>
<text text-anchor="start" x="2029.78" y="-1133.45" font-family="Times New Roman,serif" font-size="14.00">&#45;addTextTrack(kind, label, language)</text>
<text text-anchor="start" x="2029.78" y="-1118.45" font-family="Times New Roman,serif" font-size="14.00">&#45;audioTracks()</text>
<text text-anchor="start" x="2029.78" y="-1103.45" font-family="Times New Roman,serif" font-size="14.00">&#45;buffered()</text>
<text text-anchor="start" x="2029.78" y="-1088.45" font-family="Times New Roman,serif" font-size="14.00">&#45;bufferedPercent()</text>
<text text-anchor="start" x="2029.78" y="-1073.45" font-family="Times New Roman,serif" font-size="14.00">&#45;canPlayType()</text>
<text text-anchor="start" x="2029.78" y="-1058.45" font-family="Times New Roman,serif" font-size="14.00">&#45;clearTracks(types)</text>
<text text-anchor="start" x="2029.78" y="-1043.45" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="2029.78" y="-1028.45" font-family="Times New Roman,serif" font-size="14.00">&#45;dispose()</text>
<text text-anchor="start" x="2029.78" y="-1013.45" font-family="Times New Roman,serif" font-size="14.00">&#45;emulateTextTracks()</text>
<text text-anchor="start" x="2029.78" y="-998.446" font-family="Times New Roman,serif" font-size="14.00">&#45;error(err)</text>
<text text-anchor="start" x="2029.78" y="-983.446" font-family="Times New Roman,serif" font-size="14.00">&#45;getTech(name)</text>
<text text-anchor="start" x="2029.78" y="-968.446" font-family="Times New Roman,serif" font-size="14.00">&#45;initTextTrackListeners()</text>
<text text-anchor="start" x="2029.78" y="-953.446" font-family="Times New Roman,serif" font-size="14.00">&#45;initTrackListeners()</text>
<text text-anchor="start" x="2029.78" y="-938.446" font-family="Times New Roman,serif" font-size="14.00">&#45;isTech(component)</text>
<text text-anchor="start" x="2029.78" y="-923.446" font-family="Times New Roman,serif" font-size="14.00">&#45;manualProgressOff()</text>
<text text-anchor="start" x="2029.78" y="-908.446" font-family="Times New Roman,serif" font-size="14.00">&#45;manualProgressOn()</text>
<text text-anchor="start" x="2029.78" y="-893.446" font-family="Times New Roman,serif" font-size="14.00">&#45;manualTimeUpdatesOff()</text>
<text text-anchor="start" x="2029.78" y="-878.446" font-family="Times New Roman,serif" font-size="14.00">&#45;manualTimeUpdatesOn()</text>
<text text-anchor="start" x="2029.78" y="-863.446" font-family="Times New Roman,serif" font-size="14.00">&#45;onDurationChange()</text>
<text text-anchor="start" x="2029.78" y="-848.446" font-family="Times New Roman,serif" font-size="14.00">&#45;played()</text>
<text text-anchor="start" x="2029.78" y="-833.446" font-family="Times New Roman,serif" font-size="14.00">&#45;registerTech(name, tech)</text>
<text text-anchor="start" x="2029.78" y="-818.446" font-family="Times New Roman,serif" font-size="14.00">&#45;remoteTextTrackEls()</text>
<text text-anchor="start" x="2029.78" y="-803.446" font-family="Times New Roman,serif" font-size="14.00">&#45;remoteTextTracks()</text>
<text text-anchor="start" x="2029.78" y="-788.446" font-family="Times New Roman,serif" font-size="14.00">&#45;removeRemoteTextTrack(track)</text>
<text text-anchor="start" x="2029.78" y="-773.446" font-family="Times New Roman,serif" font-size="14.00">&#45;reset()</text>
<text text-anchor="start" x="2029.78" y="-758.446" font-family="Times New Roman,serif" font-size="14.00">&#45;setCurrentTime()</text>
<text text-anchor="start" x="2029.78" y="-743.446" font-family="Times New Roman,serif" font-size="14.00">&#45;setPoster()</text>
<text text-anchor="start" x="2029.78" y="-728.446" font-family="Times New Roman,serif" font-size="14.00">&#45;stopTrackingCurrentTime()</text>
<text text-anchor="start" x="2029.78" y="-713.446" font-family="Times New Roman,serif" font-size="14.00">&#45;stopTrackingProgress()</text>
<text text-anchor="start" x="2029.78" y="-698.446" font-family="Times New Roman,serif" font-size="14.00">&#45;textTracks()</text>
<text text-anchor="start" x="2029.78" y="-683.446" font-family="Times New Roman,serif" font-size="14.00">&#45;trackCurrentTime()</text>
<text text-anchor="start" x="2029.78" y="-668.446" font-family="Times New Roman,serif" font-size="14.00">&#45;trackProgress()</text>
<text text-anchor="start" x="2029.78" y="-653.446" font-family="Times New Roman,serif" font-size="14.00">&#45;videoTracks()</text>
</g>
<!-- n87&#45;&gt;n9327 -->
<g id="edge403" class="edge"><title>n87&#45;&gt;n9327</title>
<path fill="none" stroke="black" d="M1938.59,-2231.34C1938.59,-2231.34 1938.59,-1287 1938.59,-1287 1938.59,-1287 1976.76,-1287 2021.56,-1287"/>
<polygon fill="black" stroke="black" points="1938.59,-2231.34 1942.59,-2237.34 1938.59,-2243.34 1934.59,-2237.34 1938.59,-2231.34"/>
</g>
<!-- n88&#45;&gt;n66 -->
<g id="edge404" class="edge"><title>n88&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1691.31,-3220.12C1691.31,-3226.49 1691.31,-3232 1691.31,-3232 1691.31,-3232 1841.05,-3232 1841.05,-3232 1841.05,-3232 1841.05,-3278 1841.05,-3278 1841.05,-3278 2298.05,-3278 2298.05,-3278 2298.05,-3278 2298.05,-3277.31 2298.05,-3277.31"/>
<polygon fill="red" stroke="red" points="2301.55,-3281.14 2298.05,-3271.14 2294.55,-3281.14 2301.55,-3281.14"/>
<text text-anchor="middle" x="1934.08" y="-3281.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n88&#45;&gt;n87 -->
<g id="edge405" class="edge"><title>n88&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1628.58,-3210C1507.52,-3210 1253.49,-3210 1253.49,-3210 1253.49,-3210 1253.49,-3170 1253.49,-3170 1253.49,-3170 411.964,-3170 411.964,-3170 411.964,-3170 411.964,-2288 411.964,-2288 411.964,-2288 1394.25,-2288 1394.25,-2288 1394.25,-2288 1394.25,-2323 1394.25,-2323 1394.25,-2323 1717.83,-2323 1717.83,-2323"/>
<polygon fill="red" stroke="red" points="1717.83,-2326.5 1727.83,-2323 1717.83,-2319.5 1717.83,-2326.5"/>
<text text-anchor="middle" x="443.964" y="-2690.68" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n88&#45;&gt;n100 -->
<g id="edge407" class="edge"><title>n88&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1753.81,-3201C1785.67,-3201 1817.79,-3201 1817.79,-3201 1817.79,-3201 1817.79,-3321 1817.79,-3321 1817.79,-3321 1866.72,-3321 1866.72,-3321"/>
<polygon fill="red" stroke="red" points="1866.72,-3324.5 1876.72,-3321 1866.72,-3317.5 1866.72,-3324.5"/>
<text text-anchor="middle" x="1801.79" y="-3242.27" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n88&#45;&gt;n555 -->
<g id="edge406" class="edge"><title>n88&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1628.69,-3194C1623.35,-3194 1619.93,-3194 1619.93,-3194 1619.93,-3194 1619.93,-3118 1619.93,-3118 1619.93,-3118 1490.49,-3118 1490.49,-3118 1490.49,-3118 1490.49,-2932.84 1490.49,-2932.84"/>
<polygon fill="red" stroke="red" points="1493.99,-2932.84 1490.49,-2922.84 1486.99,-2932.84 1493.99,-2932.84"/>
<text text-anchor="middle" x="1473.01" y="-3121.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n9597 -->
<g id="node204" class="node"><title>n9597</title>
<polygon fill="#97ffff" stroke="black" points="957.698,-3445.52 957.698,-3521.52 1173.7,-3521.52 1173.7,-3445.52 957.698,-3445.52"/>
<text text-anchor="middle" x="1065.7" y="-3506.32" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1065.7" y="-3491.32" font-family="Times New Roman,serif" font-size="14.00">MediaLoader</text>
<polyline fill="none" stroke="black" points="957.698,-3483.52 1173.7,-3483.52 "/>
<text text-anchor="start" x="965.698" y="-3468.32" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
<text text-anchor="start" x="965.698" y="-3453.32" font-family="Times New Roman,serif" font-size="14.00">&#45;tech(techName)</text>
</g>
<!-- n88&#45;&gt;n9597 -->
<g id="edge408" class="edge"><title>n88&#45;&gt;n9597</title>
<path fill="none" stroke="black" d="M1616.62,-3214C1616.62,-3214 1331.43,-3214 1331.43,-3214 1331.43,-3214 1331.43,-3398 1331.43,-3398 1331.43,-3398 1130.1,-3398 1130.1,-3398 1130.1,-3398 1130.1,-3422.49 1130.1,-3445.26"/>
<polygon fill="black" stroke="black" points="1616.62,-3214 1622.62,-3210 1628.62,-3214 1622.62,-3218 1616.62,-3214"/>
</g>
<!-- n89&#45;&gt;n554 -->
<g id="edge409" class="edge"><title>n89&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1688.72,-2516.4C1688.72,-2582.76 1688.72,-2692 1688.72,-2692 1688.72,-2692 1552.42,-2692 1552.42,-2692"/>
<polygon fill="red" stroke="red" points="1552.42,-2688.5 1542.42,-2692 1552.42,-2695.5 1552.42,-2688.5"/>
<text text-anchor="middle" x="1656.72" y="-2676.15" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n89&#45;&gt;n555 -->
<g id="edge410" class="edge"><title>n89&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1687.36,-2516.64C1687.36,-2572.44 1687.36,-2655 1687.36,-2655 1687.36,-2655 1615.52,-2655 1615.52,-2655 1615.52,-2655 1615.52,-2874.72 1615.52,-2874.72"/>
<polygon fill="red" stroke="red" points="1612.02,-2874.72 1615.52,-2884.72 1619.02,-2874.72 1612.02,-2874.72"/>
<text text-anchor="middle" x="1583.52" y="-2663.56" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n3 -->
<g id="node85" class="node"><title>n3</title>
<polygon fill="aliceblue" stroke="black" points="3949.72,-4314.21 3949.72,-4352.21 4093.72,-4352.21 4093.72,-4314.21 3949.72,-4314.21"/>
<text text-anchor="middle" x="4021.72" y="-4337.01" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="4021.72" y="-4322.01" font-family="Times New Roman,serif" font-size="14.00">build/tasks/cdn&#45;links.js</text>
</g>
<!-- n506 -->
<g id="node162" class="node"><title>n506</title>
<polygon fill="azure" stroke="black" points="3965.46,-4366.88 3965.46,-4404.88 4102.46,-4404.88 4102.46,-4366.88 3965.46,-4366.88"/>
<text text-anchor="middle" x="4033.96" y="-4389.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="4033.96" y="-4374.68" font-family="Times New Roman,serif" font-size="14.00">../package.json</text>
</g>
<!-- n3&#45;&gt;n506 -->
<g id="edge18" class="edge"><title>n3&#45;&gt;n506</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M4029.59,-4352.22C4029.59,-4352.22 4029.59,-4356.71 4029.59,-4356.71"/>
<polygon fill="red" stroke="red" points="4026.09,-4356.71 4029.59,-4366.71 4033.09,-4356.71 4026.09,-4356.71"/>
<text text-anchor="middle" x="4000.09" y="-4358.27" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
<!-- n507 -->
<g id="node164" class="node"><title>n507</title>
<polygon fill="#8deeee" stroke="black" points="4042.88,-4266.54 4042.88,-4304.54 4191.88,-4304.54 4191.88,-4266.54 4042.88,-4266.54"/>
<text text-anchor="middle" x="4117.38" y="-4289.34" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="4117.38" y="-4274.34" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
</g>
<!-- n3&#45;&gt;n507 -->
<g id="edge19" class="edge"><title>n3&#45;&gt;n507</title>
<path fill="none" stroke="black" d="M4068.3,-4305.6C4068.3,-4305.6 4068.3,-4304.66 4068.3,-4304.66"/>
<polygon fill="black" stroke="black" points="4068.3,-4302.09 4072.3,-4308.09 4068.3,-4314.09 4064.3,-4308.09 4068.3,-4302.09"/>
</g>
<!-- n91&#45;&gt;n94 -->
<g id="edge413" class="edge"><title>n91&#45;&gt;n94</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1918.09,-2824C1976.73,-2824 2030.72,-2824 2030.72,-2824 2030.72,-2824 2030.72,-2787.95 2030.72,-2787.95"/>
<polygon fill="red" stroke="red" points="2034.22,-2787.95 2030.72,-2777.95 2027.22,-2787.95 2034.22,-2787.95"/>
<text text-anchor="middle" x="1960.43" y="-2827.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n91&#45;&gt;n92 -->
<g id="edge412" class="edge"><title>n91&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1888.53,-2899.46C1888.53,-2962.64 1888.53,-3082 1888.53,-3082 1888.53,-3082 2159.12,-3082 2159.12,-3082"/>
<polygon fill="red" stroke="red" points="2159.12,-3085.5 2169.12,-3082 2159.12,-3078.5 2159.12,-3085.5"/>
<text text-anchor="middle" x="1900.55" y="-3070.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n91&#45;&gt;n554 -->
<g id="edge415" class="edge"><title>n91&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1626.57,-2841C1616.05,-2841 1609.46,-2841 1609.46,-2841 1609.46,-2841 1609.46,-2740.31 1609.46,-2740.31"/>
<polygon fill="red" stroke="red" points="1612.96,-2740.31 1609.46,-2730.31 1605.96,-2740.31 1612.96,-2740.31"/>
<text text-anchor="middle" x="1641.46" y="-2788.01" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n91&#45;&gt;n555 -->
<g id="edge414" class="edge"><title>n91&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1626.59,-2892C1626.59,-2892 1625.81,-2892 1625.81,-2892"/>
<polygon fill="red" stroke="red" points="1628.83,-2888.5 1618.83,-2892 1628.83,-2895.5 1628.83,-2888.5"/>
<text text-anchor="middle" x="1594.2" y="-2895.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n90&#45;&gt;n98 -->
<g id="edge411" class="edge"><title>n90&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2016.78,-2976.11C2016.78,-2960.82 2016.78,-2942 2016.78,-2942 2016.78,-2942 1020.85,-2942 1020.85,-2942 1020.85,-2942 1020.85,-3027 1020.85,-3027 1020.85,-3027 970.57,-3027 970.57,-3027 970.57,-3027 970.57,-3222 970.57,-3222 970.57,-3222 3085.85,-3222 3085.85,-3222 3085.85,-3222 3085.85,-3187 3085.85,-3187 3085.85,-3187 2972.25,-3187 2972.25,-3187 2972.25,-3187 2972.25,-3016 2972.25,-3016 2972.25,-3016 2697.28,-3016 2697.28,-3016 2697.28,-3016 2697.28,-2845.6 2697.28,-2845.6"/>
<polygon fill="red" stroke="red" points="2700.78,-2845.6 2697.28,-2835.6 2693.78,-2845.6 2700.78,-2845.6"/>
<text text-anchor="middle" x="1812.03" y="-3225.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRange]»</text>
</g>
<!-- n84&#45;&gt;n66 -->
<g id="edge367" class="edge"><title>n84&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2784,-2215C2859.92,-2215 2929.83,-2215 2929.83,-2215 2929.83,-2215 2929.83,-2864 2929.83,-2864 2929.83,-2864 3459.12,-2864 3459.12,-2864 3459.12,-2864 3459.12,-3320 3459.12,-3320 3459.12,-3320 3011.97,-3320 3011.97,-3320 3011.97,-3320 3011.97,-3288 3011.97,-3288 3011.97,-3288 2675.58,-3288 2675.58,-3288 2675.58,-3288 2675.58,-3309 2675.58,-3309 2675.58,-3309 2370.05,-3309 2370.05,-3309 2370.05,-3309 2370.05,-3280.9 2370.05,-3280.9"/>
<polygon fill="red" stroke="red" points="2373.55,-3280.9 2370.05,-3270.9 2366.55,-3280.9 2373.55,-3280.9"/>
<text text-anchor="middle" x="3459.12" y="-3003.83" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n84&#45;&gt;n86 -->
<g id="edge366" class="edge"><title>n84&#45;&gt;n86</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2711.89,-1851.18C2711.89,-1851.18 2711.89,-1290.11 2711.89,-1290.11"/>
<polygon fill="red" stroke="red" points="2715.39,-1290.11 2711.89,-1280.11 2708.39,-1290.11 2715.39,-1290.11"/>
<text text-anchor="middle" x="2679.89" y="-1574.45" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n84&#45;&gt;n87 -->
<g id="edge362" class="edge"><title>n84&#45;&gt;n87</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2406.27,-2153C2402.93,-2153 2401.08,-2153 2401.08,-2153 2401.08,-2153 2401.08,-2531 2401.08,-2531 2401.08,-2531 2010.24,-2531 2010.24,-2531"/>
<polygon fill="red" stroke="red" points="2010.24,-2527.5 2000.24,-2531 2010.24,-2534.5 2010.24,-2527.5"/>
<text text-anchor="middle" x="2365.25" y="-2534.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n84&#45;&gt;n98 -->
<g id="edge365" class="edge"><title>n84&#45;&gt;n98</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2654.15,-2221.01C2654.15,-2221.01 2654.15,-2733.97 2654.15,-2733.97"/>
<polygon fill="red" stroke="red" points="2650.65,-2733.97 2654.15,-2743.97 2657.65,-2733.97 2650.65,-2733.97"/>
<text text-anchor="middle" x="2572.65" y="-2481.29" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [createTimeRange]»</text>
</g>
<!-- n84&#45;&gt;n99 -->
<g id="edge364" class="edge"><title>n84&#45;&gt;n99</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2412.58,-1851.51C2412.58,-1636.37 2412.58,-1310 2412.58,-1310 2412.58,-1310 1940.29,-1310 1940.29,-1310 1940.29,-1310 1940.29,-1951 1940.29,-1951 1940.29,-1951 1830.89,-1951 1830.89,-1951 1830.89,-1951 1830.89,-2014 1830.89,-2014 1830.89,-2014 1509.44,-2014 1509.44,-2014 1509.44,-2014 1509.44,-2391 1509.44,-2391 1509.44,-2391 1394.25,-2391 1394.25,-2391 1394.25,-2391 1394.25,-2387.08 1394.25,-2387.08"/>
<polygon fill="red" stroke="red" points="1397.75,-2387.08 1394.25,-2377.08 1390.75,-2387.08 1397.75,-2387.08"/>
<text text-anchor="middle" x="1908.29" y="-1622.38" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n84&#45;&gt;n92 -->
<g id="edge363" class="edge"><title>n84&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2783.65,-2190C2945.98,-2190 3154.28,-2190 3154.28,-2190 3154.28,-2190 3154.28,-2979 3154.28,-2979 3154.28,-2979 3899.45,-2979 3899.45,-2979 3899.45,-2979 3899.45,-3130 3899.45,-3130 3899.45,-3130 2342.64,-3130 2342.64,-3130"/>
<polygon fill="red" stroke="red" points="2342.64,-3126.5 2332.64,-3130 2342.64,-3133.5 2342.64,-3126.5"/>
<text text-anchor="middle" x="3768.96" y="-2982.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n84&#45;&gt;n555 -->
<g id="edge368" class="edge"><title>n84&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2628.18,-1851.48C2628.18,-1635.75 2628.18,-1308 2628.18,-1308 2628.18,-1308 1897.27,-1308 1897.27,-1308 1897.27,-1308 1897.27,-1623 1897.27,-1623 1897.27,-1623 382.183,-1623 382.183,-1623 382.183,-1623 382.183,-3020 382.183,-3020 382.183,-3020 1023.42,-3020 1023.42,-3020 1023.42,-3020 1023.42,-2991 1023.42,-2991 1023.42,-2991 1384.61,-2991 1384.61,-2991 1384.61,-2991 1384.61,-2913 1384.61,-2913 1384.61,-2913 1471.39,-2913 1471.39,-2913"/>
<polygon fill="red" stroke="red" points="1471.39,-2916.5 1481.39,-2913 1471.39,-2909.5 1471.39,-2916.5"/>
<text text-anchor="middle" x="669.814" y="-1611.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n84&#45;&gt;n6994 -->
<g id="edge369" class="edge"><title>n84&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2783.91,-2209C2860.56,-2209 2931.4,-2209 2931.4,-2209 2931.4,-2209 2931.4,-2866 2931.4,-2866 2931.4,-2866 3105,-2866 3105,-2866 3105,-2866 3105,-2911 3105,-2911 3105,-2911 2290.96,-2911 2290.96,-2911 2290.96,-2911 2290.96,-2971.97 2290.96,-2971.97"/>
<polygon fill="red" stroke="red" points="2287.46,-2971.97 2290.96,-2981.97 2294.46,-2971.97 2287.46,-2971.97"/>
<text text-anchor="middle" x="3043.96" y="-2869.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8782 -->
<g id="node200" class="node"><title>n8782</title>
<polygon fill="#97ffff" stroke="black" points="2525.27,-747.239 2525.27,-1131.24 2770.27,-1131.24 2770.27,-747.239 2525.27,-747.239"/>
<text text-anchor="middle" x="2647.77" y="-1116.04" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2647.77" y="-1101.04" font-family="Times New Roman,serif" font-size="14.00">Flash</text>
<polyline fill="none" stroke="black" points="2525.27,-1093.24 2770.27,-1093.24 "/>
<text text-anchor="start" x="2533.27" y="-1078.04" font-family="Times New Roman,serif" font-size="14.00">+window.videojs.Flash.onError : object</text>
<text text-anchor="start" x="2533.27" y="-1063.04" font-family="Times New Roman,serif" font-size="14.00">+window.videojs.Flash.onEvent : object</text>
<text text-anchor="start" x="2533.27" y="-1048.04" font-family="Times New Roman,serif" font-size="14.00">+window.videojs.Flash.onReady : object</text>
<polyline fill="none" stroke="black" points="2525.27,-1040.24 2770.27,-1040.24 "/>
<text text-anchor="start" x="2533.27" y="-1025.04" font-family="Times New Roman,serif" font-size="14.00">&#45;buffered()</text>
<text text-anchor="start" x="2533.27" y="-1010.04" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(options, ready)</text>
<text text-anchor="start" x="2533.27" y="-995.039" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2533.27" y="-980.039" font-family="Times New Roman,serif" font-size="14.00">&#45;currentSrc()</text>
<text text-anchor="start" x="2533.27" y="-965.039" font-family="Times New Roman,serif" font-size="14.00">&#45;currentTime(time)</text>
<text text-anchor="start" x="2533.27" y="-950.039" font-family="Times New Roman,serif" font-size="14.00">&#45;enterFullScreen()</text>
<text text-anchor="start" x="2533.27" y="-935.039" font-family="Times New Roman,serif" font-size="14.00">&#45;load()</text>
<text text-anchor="start" x="2533.27" y="-920.039" font-family="Times New Roman,serif" font-size="14.00">&#45;pause()</text>
<text text-anchor="start" x="2533.27" y="-905.039" font-family="Times New Roman,serif" font-size="14.00">&#45;play()</text>
<text text-anchor="start" x="2533.27" y="-890.039" font-family="Times New Roman,serif" font-size="14.00">&#45;poster()</text>
<text text-anchor="start" x="2533.27" y="-875.039" font-family="Times New Roman,serif" font-size="14.00">&#45;seekable()</text>
<text text-anchor="start" x="2533.27" y="-860.039" font-family="Times New Roman,serif" font-size="14.00">&#45;seeking()</text>
<text text-anchor="start" x="2533.27" y="-845.039" font-family="Times New Roman,serif" font-size="14.00">&#45;setCurrentTime(time)</text>
<text text-anchor="start" x="2533.27" y="-830.039" font-family="Times New Roman,serif" font-size="14.00">&#45;setPoster()</text>
<text text-anchor="start" x="2533.27" y="-815.039" font-family="Times New Roman,serif" font-size="14.00">&#45;setSrc(src)</text>
<text text-anchor="start" x="2533.27" y="-800.039" font-family="Times New Roman,serif" font-size="14.00">&#45;src(src)</text>
<text text-anchor="start" x="2533.27" y="-785.039" font-family="Times New Roman,serif" font-size="14.00">&#45;supportsFullScreen()</text>
<text text-anchor="start" x="2533.27" y="-770.039" font-family="Times New Roman,serif" font-size="14.00">&#45;window.videojs()</text>
<text text-anchor="start" x="2533.27" y="-755.039" font-family="Times New Roman,serif" font-size="14.00">&#45;window.videojs.Flash()</text>
</g>
<!-- n84&#45;&gt;n8782 -->
<g id="edge370" class="edge"><title>n84&#45;&gt;n8782</title>
<path fill="none" stroke="black" d="M2634.16,-1839.63C2634.16,-1839.63 2634.16,-1131.41 2634.16,-1131.41"/>
<polygon fill="black" stroke="black" points="2634.16,-1839.63 2638.16,-1845.63 2634.16,-1851.63 2630.16,-1845.63 2634.16,-1839.63"/>
</g>
<!-- n95&#45;&gt;n555 -->
<g id="edge421" class="edge"><title>n95&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1557.23,-2949.5C1557.23,-2949.5 1557.23,-2933.2 1557.23,-2933.2"/>
<polygon fill="red" stroke="red" points="1560.73,-2933.2 1557.23,-2923.2 1553.73,-2933.2 1560.73,-2933.2"/>
<text text-anchor="middle" x="1589.23" y="-2945.15" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n96&#45;&gt;n8434 -->
<g id="edge422" class="edge"><title>n96&#45;&gt;n8434</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2204.45,-2607C2355.39,-2607 2627.51,-2607 2627.51,-2607 2627.51,-2607 2627.51,-2392 2627.51,-2392 2627.51,-2392 2893.3,-2392 2893.3,-2392 2893.3,-2392 2893.3,-2148 2893.3,-2148 2893.3,-2148 2934,-2148 2934,-2148 2934,-2148 2934,-1707 2934,-1707 2934,-1707 2601.7,-1707 2601.7,-1707"/>
<polygon fill="red" stroke="red" points="2601.7,-1703.5 2591.7,-1707 2601.7,-1710.5 2601.7,-1703.5"/>
<text text-anchor="middle" x="2861.3" y="-2318.72" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n97&#45;&gt;n554 -->
<g id="edge423" class="edge"><title>n97&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1232.91,-2654C1355.95,-2654 1593.68,-2654 1593.68,-2654 1593.68,-2654 1593.68,-2682.12 1593.68,-2682.12"/>
<polygon fill="red" stroke="red" points="1590.18,-2682.12 1593.68,-2692.12 1597.18,-2682.12 1590.18,-2682.12"/>
<text text-anchor="middle" x="1395.36" y="-2657.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n98&#45;&gt;n95 -->
<g id="edge424" class="edge"><title>n98&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2899.37,-2835.44C2899.37,-2856.11 2899.37,-2876 2899.37,-2876 2899.37,-2876 3735.98,-2876 3735.98,-2876 3735.98,-2876 3735.98,-3438 3735.98,-3438 3735.98,-3438 2276.3,-3438 2276.3,-3438 2276.3,-3438 2276.3,-3492 2276.3,-3492 2276.3,-3492 1612.09,-3492 1612.09,-3492 1612.09,-3492 1612.09,-3609 1612.09,-3609 1612.09,-3609 1594,-3609 1594,-3609 1594,-3609 1594,-3080.78 1594,-3080.78"/>
<polygon fill="red" stroke="red" points="1597.5,-3080.78 1594,-3070.78 1590.5,-3080.78 1597.5,-3080.78"/>
<text text-anchor="middle" x="3002.97" y="-3441.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n99&#45;&gt;n554 -->
<g id="edge425" class="edge"><title>n99&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1429.23,-2366C1457.77,-2366 1487.36,-2366 1487.36,-2366 1487.36,-2366 1487.36,-2523 1487.36,-2523 1487.36,-2523 1453,-2523 1453,-2523 1453,-2523 1453,-2693 1453,-2693 1453,-2693 1463.72,-2693 1463.72,-2693"/>
<polygon fill="red" stroke="red" points="1463.72,-2696.5 1473.72,-2693 1463.72,-2689.5 1463.72,-2696.5"/>
<text text-anchor="middle" x="1455.36" y="-2526.77" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n99&#45;&gt;n555 -->
<g id="edge426" class="edge"><title>n99&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1359.58,-2338.5C1359.58,-2318.48 1359.58,-2290 1359.58,-2290 1359.58,-2290 432.546,-2290 432.546,-2290 432.546,-2290 432.546,-3045 432.546,-3045 432.546,-3045 1483.43,-3045 1483.43,-3045 1483.43,-3045 1483.43,-2932.87 1483.43,-2932.87"/>
<polygon fill="red" stroke="red" points="1486.93,-2932.87 1483.43,-2922.87 1479.93,-2932.87 1486.93,-2932.87"/>
<text text-anchor="middle" x="400.546" y="-2765.04" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n101&#45;&gt;n94 -->
<g id="edge427" class="edge"><title>n101&#45;&gt;n94</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2037.3,-3113C1989.28,-3113 1924.58,-3113 1924.58,-3113 1924.58,-3113 1924.58,-2872 1924.58,-2872 1924.58,-2872 2074.11,-2872 2074.11,-2872 2074.11,-2872 2074.11,-2787.68 2074.11,-2787.68"/>
<polygon fill="red" stroke="red" points="2077.61,-2787.68 2074.11,-2777.68 2070.61,-2787.68 2077.61,-2787.68"/>
<text text-anchor="middle" x="1986.58" y="-2935.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [newGUID]»</text>
</g>
<!-- n102&#45;&gt;n89 -->
<g id="edge429" class="edge"><title>n102&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1286.74,-2425C1286.74,-2425 1482.79,-2425 1482.79,-2425"/>
<polygon fill="red" stroke="red" points="1482.79,-2428.5 1492.79,-2425 1482.79,-2421.5 1482.79,-2428.5"/>
<text text-anchor="middle" x="1352.77" y="-2413.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n102&#45;&gt;n116 -->
<g id="edge428" class="edge"><title>n102&#45;&gt;n116</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1286.63,-2421C1302.93,-2421 1314.82,-2421 1314.82,-2421 1314.82,-2421 1314.82,-2306 1314.82,-2306 1314.82,-2306 1518.76,-2306 1518.76,-2306"/>
<polygon fill="red" stroke="red" points="1518.76,-2309.5 1528.76,-2306 1518.76,-2302.5 1518.76,-2309.5"/>
<text text-anchor="middle" x="1313.19" y="-2294.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n102&#45;&gt;n554 -->
<g id="edge430" class="edge"><title>n102&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1258.32,-2472.76C1258.32,-2529.93 1258.32,-2647 1258.32,-2647 1258.32,-2647 1576.56,-2647 1576.56,-2647 1576.56,-2647 1576.56,-2681.91 1576.56,-2681.91"/>
<polygon fill="red" stroke="red" points="1573.06,-2681.91 1576.56,-2691.91 1580.06,-2681.91 1573.06,-2681.91"/>
<text text-anchor="middle" x="1315.77" y="-2635.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10050 -->
<g id="node205" class="node"><title>n10050</title>
<polygon fill="#97ffff" stroke="black" points="398.243,-2148.46 398.243,-2277.46 595.243,-2277.46 595.243,-2148.46 398.243,-2148.46"/>
<text text-anchor="middle" x="496.743" y="-2262.26" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="496.743" y="-2247.26" font-family="Times New Roman,serif" font-size="14.00">AudioTrackList</text>
<polyline fill="none" stroke="black" points="398.243,-2239.46 595.243,-2239.46 "/>
<text text-anchor="start" x="406.243" y="-2224.26" font-family="Times New Roman,serif" font-size="14.00">+list.changing_ : boolean = false</text>
<polyline fill="none" stroke="black" points="398.243,-2216.46 595.243,-2216.46 "/>
<text text-anchor="start" x="406.243" y="-2201.26" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrack(track)</text>
<text text-anchor="start" x="406.243" y="-2186.26" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrack_(track)</text>
<text text-anchor="start" x="406.243" y="-2171.26" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="406.243" y="-2156.26" font-family="Times New Roman,serif" font-size="14.00">&#45;removeTrack(track)</text>
</g>
<!-- n102&#45;&gt;n10050 -->
<g id="edge431" class="edge"><title>n102&#45;&gt;n10050</title>
<path fill="none" stroke="black" d="M1090.3,-2423C1090.3,-2423 895.097,-2423 895.097,-2423 895.097,-2423 895.097,-2269 895.097,-2269 895.097,-2269 713.44,-2269 595.469,-2269"/>
<polygon fill="black" stroke="black" points="1090.3,-2423 1096.3,-2419 1102.3,-2423 1096.3,-2427 1090.3,-2423"/>
</g>
<!-- n103&#45;&gt;n89 -->
<g id="edge435" class="edge"><title>n103&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1557.89,-1860C1560.23,-1860 1561.57,-1860 1561.57,-1860 1561.57,-1860 1561.57,-1974 1561.57,-1974 1561.57,-1974 1523.06,-1974 1523.06,-1974 1523.06,-1974 1523.06,-2406.72 1523.06,-2406.72"/>
<polygon fill="red" stroke="red" points="1519.56,-2406.72 1523.06,-2416.72 1526.56,-2406.72 1519.56,-2406.72"/>
<text text-anchor="middle" x="1555.06" y="-2101.06" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n103&#45;&gt;n96 -->
<g id="edge434" class="edge"><title>n103&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1557.85,-1838C1692.47,-1838 1945.39,-1838 1945.39,-1838 1945.39,-1838 1945.39,-1343 1945.39,-1343 1945.39,-1343 2935.04,-1343 2935.04,-1343 2935.04,-1343 2935.04,-2203 2935.04,-2203 2935.04,-2203 2908.33,-2203 2908.33,-2203 2908.33,-2203 2908.33,-2408 2908.33,-2408 2908.33,-2408 2623.71,-2408 2623.71,-2408 2623.71,-2408 2623.71,-2610 2623.71,-2610 2623.71,-2610 2214.65,-2610 2214.65,-2610"/>
<polygon fill="red" stroke="red" points="2214.65,-2606.5 2204.65,-2610 2214.65,-2613.5 2214.65,-2606.5"/>
<text text-anchor="middle" x="2903.04" y="-1404.4" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n103&#45;&gt;n111 -->
<g id="edge432" class="edge"><title>n103&#45;&gt;n111</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1505.24,-1832.9C1505.24,-1832.9 1505.24,-1794.96 1505.24,-1794.96"/>
<polygon fill="red" stroke="red" points="1508.74,-1794.96 1505.24,-1784.96 1501.74,-1794.96 1508.74,-1794.96"/>
<text text-anchor="middle" x="1424.74" y="-1817.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [AudioTrackKind]»</text>
</g>
<!-- n103&#45;&gt;n115 -->
<g id="edge433" class="edge"><title>n103&#45;&gt;n115</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1558.1,-1865C1569.37,-1865 1577.17,-1865 1577.17,-1865 1577.17,-1865 1577.17,-2020 1577.17,-2020 1577.17,-2020 1601.6,-2020 1601.6,-2020"/>
<polygon fill="red" stroke="red" points="1601.6,-2023.5 1611.6,-2020 1601.6,-2016.5 1601.6,-2023.5"/>
<text text-anchor="middle" x="1609.17" y="-1933.98" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10071 -->
<g id="node206" class="node"><title>n10071</title>
<polygon fill="#97ffff" stroke="black" points="944.491,-1245.8 944.491,-1359.8 1137.49,-1359.8 1137.49,-1245.8 944.491,-1245.8"/>
<text text-anchor="middle" x="1040.99" y="-1344.6" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1040.99" y="-1329.6" font-family="Times New Roman,serif" font-size="14.00">AudioTrack</text>
<polyline fill="none" stroke="black" points="944.491,-1321.8 1137.49,-1321.8 "/>
<text text-anchor="start" x="952.491" y="-1306.6" font-family="Times New Roman,serif" font-size="14.00">+track.enabled : object</text>
<text text-anchor="start" x="952.491" y="-1291.6" font-family="Times New Roman,serif" font-size="14.00">+track.loaded_ : boolean = true</text>
<text text-anchor="start" x="952.491" y="-1276.6" font-family="Times New Roman,serif" font-size="14.00">+track.prop : object</text>
<polyline fill="none" stroke="black" points="944.491,-1268.8 1137.49,-1268.8 "/>
<text text-anchor="start" x="952.491" y="-1253.6" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
</g>
<!-- n103&#45;&gt;n10071 -->
<g id="edge436" class="edge"><title>n103&#45;&gt;n10071</title>
<path fill="none" stroke="black" d="M1381.7,-1858C1381.7,-1858 1374.69,-1858 1374.69,-1858 1374.69,-1858 1374.69,-1640 1374.69,-1640 1374.69,-1640 1106.36,-1640 1106.36,-1640 1106.36,-1640 1106.36,-1456.21 1106.36,-1360"/>
<polygon fill="black" stroke="black" points="1381.7,-1858 1387.7,-1854 1393.7,-1858 1387.7,-1862 1381.7,-1858"/>
</g>
<!-- n104&#45;&gt;n67 -->
<g id="edge439" class="edge"><title>n104&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1042.47,-2202C1042.47,-2202 1043.27,-2202 1043.27,-2202"/>
<polygon fill="red" stroke="red" points="1040.46,-2205.5 1050.46,-2202 1040.46,-2198.5 1040.46,-2205.5"/>
<text text-anchor="middle" x="1074.87" y="-2205.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n104&#45;&gt;n89 -->
<g id="edge437" class="edge"><title>n104&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M977.481,-2250.79C977.481,-2268.2 977.481,-2281 977.481,-2281 977.481,-2281 1518.52,-2281 1518.52,-2281 1518.52,-2281 1518.52,-2406.91 1518.52,-2406.91"/>
<polygon fill="red" stroke="red" points="1515.02,-2406.91 1518.52,-2416.91 1522.02,-2406.91 1515.02,-2406.91"/>
<text text-anchor="middle" x="1263.85" y="-2269.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n104&#45;&gt;n112 -->
<g id="edge440" class="edge"><title>n104&#45;&gt;n112</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M905.35,-2250.73C905.35,-2347.25 905.35,-2483 905.35,-2483 905.35,-2483 1266.68,-2483 1266.68,-2483 1266.68,-2483 1266.68,-2528.88 1266.68,-2528.88"/>
<polygon fill="red" stroke="red" points="1263.18,-2528.88 1266.68,-2538.88 1270.18,-2528.88 1263.18,-2528.88"/>
<text text-anchor="middle" x="1024.82" y="-2486.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n104&#45;&gt;n554 -->
<g id="edge438" class="edge"><title>n104&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M697.304,-2140C562.285,-2140 397.298,-2140 397.298,-2140 397.298,-2140 397.298,-2766 397.298,-2766 397.298,-2766 1390.18,-2766 1390.18,-2766 1390.18,-2766 1390.18,-2719 1390.18,-2719 1390.18,-2719 1463.37,-2719 1463.37,-2719"/>
<polygon fill="red" stroke="red" points="1463.37,-2722.5 1473.37,-2719 1463.37,-2715.5 1463.37,-2722.5"/>
<text text-anchor="middle" x="522.829" y="-2769.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10092 -->
<g id="node207" class="node"><title>n10092</title>
<polygon fill="#97ffff" stroke="black" points="36.8935,-1539.55 36.8935,-1728.55 243.893,-1728.55 243.893,-1539.55 36.8935,-1539.55"/>
<text text-anchor="middle" x="140.393" y="-1713.35" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="140.393" y="-1698.35" font-family="Times New Roman,serif" font-size="14.00">HTMLTrackElement</text>
<polyline fill="none" stroke="black" points="36.8935,-1690.55 243.893,-1690.55 "/>
<text text-anchor="start" x="44.8935" y="-1675.35" font-family="Times New Roman,serif" font-size="14.00">+readyState : variable = undefined</text>
<text text-anchor="start" x="44.8935" y="-1660.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement : variable</text>
<text text-anchor="start" x="44.8935" y="-1645.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement.default : object</text>
<text text-anchor="start" x="44.8935" y="-1630.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement.kind : object</text>
<text text-anchor="start" x="44.8935" y="-1615.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement.label : object</text>
<text text-anchor="start" x="44.8935" y="-1600.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement.prop : object</text>
<text text-anchor="start" x="44.8935" y="-1585.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement.src : object</text>
<text text-anchor="start" x="44.8935" y="-1570.35" font-family="Times New Roman,serif" font-size="14.00">+trackElement.srclang : object</text>
<polyline fill="none" stroke="black" points="36.8935,-1562.55 243.893,-1562.55 "/>
<text text-anchor="start" x="44.8935" y="-1547.35" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
</g>
<!-- n104&#45;&gt;n10092 -->
<g id="edge441" class="edge"><title>n104&#45;&gt;n10092</title>
<path fill="none" stroke="black" d="M711.864,-2049.71C711.864,-2049.71 711.864,-1708 711.864,-1708 711.864,-1708 408.971,-1708 244.214,-1708"/>
<polygon fill="black" stroke="black" points="711.864,-2049.71 715.864,-2055.71 711.864,-2061.71 707.864,-2055.71 711.864,-2049.71"/>
</g>
<!-- n105&#45;&gt;n89 -->
<g id="edge442" class="edge"><title>n105&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1288.76,-1958C1288.76,-1993.29 1288.76,-2065 1288.76,-2065 1288.76,-2065 1520.03,-2065 1520.03,-2065 1520.03,-2065 1520.03,-2407.01 1520.03,-2407.01"/>
<polygon fill="red" stroke="red" points="1516.53,-2407.01 1520.03,-2417.01 1523.53,-2407.01 1516.53,-2407.01"/>
<text text-anchor="middle" x="1504.03" y="-2055.67" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n105&#45;&gt;n554 -->
<g id="edge443" class="edge"><title>n105&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1066.95,-1945C919.452,-1945 678.954,-1945 678.954,-1945 678.954,-1945 678.954,-2504 678.954,-2504 678.954,-2504 1239.36,-2504 1239.36,-2504 1239.36,-2504 1239.36,-2645 1239.36,-2645 1239.36,-2645 1672.82,-2645 1672.82,-2645 1672.82,-2645 1672.82,-2705 1672.82,-2705 1672.82,-2705 1621.01,-2705 1621.01,-2705"/>
<polygon fill="red" stroke="red" points="1621.01,-2701.5 1611.01,-2705 1621.01,-2708.5 1621.01,-2701.5"/>
<text text-anchor="middle" x="796.802" y="-2492.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10122 -->
<g id="node208" class="node"><title>n10122</title>
<polygon fill="#97ffff" stroke="black" points="587.372,-1255.49 587.372,-1414.49 815.372,-1414.49 815.372,-1255.49 587.372,-1255.49"/>
<text text-anchor="middle" x="701.372" y="-1399.29" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="701.372" y="-1384.29" font-family="Times New Roman,serif" font-size="14.00">HtmlTrackElementList</text>
<polyline fill="none" stroke="black" points="587.372,-1376.49 815.372,-1376.49 "/>
<text text-anchor="start" x="595.372" y="-1361.29" font-family="Times New Roman,serif" font-size="14.00">+list : variable</text>
<text text-anchor="start" x="595.372" y="-1346.29" font-family="Times New Roman,serif" font-size="14.00">+list.prop : object</text>
<polyline fill="none" stroke="black" points="587.372,-1338.49 815.372,-1338.49 "/>
<text text-anchor="start" x="595.372" y="-1323.29" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrackElement_(trackElement)</text>
<text text-anchor="start" x="595.372" y="-1308.29" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="595.372" y="-1293.29" font-family="Times New Roman,serif" font-size="14.00">&#45;getTrackElementByTrack_(track)</text>
<text text-anchor="start" x="595.372" y="-1278.29" font-family="Times New Roman,serif" font-size="14.00">&#45;list.trackElements_()</text>
<text text-anchor="start" x="595.372" y="-1263.29" font-family="Times New Roman,serif" font-size="14.00">&#45;removeTrackElement_(trackElement)</text>
</g>
<!-- n105&#45;&gt;n10122 -->
<g id="edge444" class="edge"><title>n105&#45;&gt;n10122</title>
<path fill="none" stroke="black" d="M1054.96,-1932C1054.96,-1932 726.28,-1932 726.28,-1932 726.28,-1932 726.28,-1577.12 726.28,-1414.58"/>
<polygon fill="black" stroke="black" points="1054.96,-1932 1060.96,-1928 1066.96,-1932 1060.96,-1936 1054.96,-1932"/>
</g>
<!-- n106&#45;&gt;n89 -->
<g id="edge445" class="edge"><title>n106&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M889.621,-2437.43C889.621,-2394.92 889.621,-2296 889.621,-2296 889.621,-2296 1517.01,-2296 1517.01,-2296 1517.01,-2296 1517.01,-2406.85 1517.01,-2406.85"/>
<polygon fill="red" stroke="red" points="1513.51,-2406.85 1517.01,-2416.85 1520.51,-2406.85 1513.51,-2406.85"/>
<text text-anchor="middle" x="1156.02" y="-2299.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n106&#45;&gt;n554 -->
<g id="edge446" class="edge"><title>n106&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M851.035,-2475.59C851.035,-2483.12 851.035,-2490 851.035,-2490 851.035,-2490 1241.08,-2490 1241.08,-2490 1241.08,-2490 1241.08,-2656 1241.08,-2656 1241.08,-2656 1400.85,-2656 1400.85,-2656 1400.85,-2656 1400.85,-2705 1400.85,-2705 1400.85,-2705 1463.65,-2705 1463.65,-2705"/>
<polygon fill="red" stroke="red" points="1463.65,-2708.5 1473.65,-2705 1463.65,-2701.5 1463.65,-2708.5"/>
<text text-anchor="middle" x="1209.08" y="-2495.35" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10144 -->
<g id="node209" class="node"><title>n10144</title>
<polygon fill="#97ffff" stroke="black" points="157.209,-2126.27 157.209,-2255.27 281.209,-2255.27 281.209,-2126.27 157.209,-2126.27"/>
<text text-anchor="middle" x="219.209" y="-2240.07" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="219.209" y="-2225.07" font-family="Times New Roman,serif" font-size="14.00">TextTrackCueList</text>
<polyline fill="none" stroke="black" points="157.209,-2217.27 281.209,-2217.27 "/>
<text text-anchor="start" x="165.209" y="-2202.07" font-family="Times New Roman,serif" font-size="14.00">+list : variable</text>
<text text-anchor="start" x="165.209" y="-2187.07" font-family="Times New Roman,serif" font-size="14.00">+list.prop : object</text>
<polyline fill="none" stroke="black" points="157.209,-2179.27 281.209,-2179.27 "/>
<text text-anchor="start" x="165.209" y="-2164.07" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(cues)</text>
<text text-anchor="start" x="165.209" y="-2149.07" font-family="Times New Roman,serif" font-size="14.00">&#45;getCueById(id)</text>
<text text-anchor="start" x="165.209" y="-2134.07" font-family="Times New Roman,serif" font-size="14.00">&#45;setCues_(cues)</text>
</g>
<!-- n106&#45;&gt;n10144 -->
<g id="edge447" class="edge"><title>n106&#45;&gt;n10144</title>
<path fill="none" stroke="black" d="M732.621,-2425.45C732.621,-2425.45 732.621,-2333 732.621,-2333 732.621,-2333 262.724,-2333 262.724,-2333 262.724,-2333 262.724,-2293.15 262.724,-2255.64"/>
<polygon fill="black" stroke="black" points="732.621,-2425.45 736.621,-2431.45 732.621,-2437.45 728.621,-2431.45 732.621,-2425.45"/>
</g>
<!-- n108&#45;&gt;n66 -->
<g id="edge448" class="edge"><title>n108&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1547.03,-3254C1662.17,-3254 1835.56,-3254 1835.56,-3254 1835.56,-3254 1835.56,-3284 1835.56,-3284 1835.56,-3284 2424.08,-3284 2424.08,-3284 2424.08,-3284 2424.08,-3268 2424.08,-3268 2424.08,-3268 2423.64,-3268 2423.64,-3268"/>
<polygon fill="red" stroke="red" points="2429.65,-3264.5 2419.65,-3268 2429.65,-3271.5 2429.65,-3264.5"/>
<text text-anchor="middle" x="2010.78" y="-3287.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n108&#45;&gt;n91 -->
<g id="edge449" class="edge"><title>n108&#45;&gt;n91</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1547.03,-3245C1558.15,-3245 1565.56,-3245 1565.56,-3245 1565.56,-3245 1565.56,-3081 1565.56,-3081 1565.56,-3081 1688.59,-3081 1688.59,-3081 1688.59,-3081 1688.59,-2909.53 1688.59,-2909.53"/>
<polygon fill="red" stroke="red" points="1692.09,-2909.53 1688.59,-2899.53 1685.09,-2909.53 1692.09,-2909.53"/>
<text text-anchor="middle" x="1605.54" y="-3069.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n108&#45;&gt;n95 -->
<g id="edge451" class="edge"><title>n108&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1547.01,-3244C1557.11,-3244 1563.74,-3244 1563.74,-3244 1563.74,-3244 1563.74,-3080.61 1563.74,-3080.61"/>
<polygon fill="red" stroke="red" points="1567.24,-3080.61 1563.74,-3070.61 1560.24,-3080.61 1567.24,-3080.61"/>
<text text-anchor="middle" x="1595.74" y="-3174.47" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n108&#45;&gt;n101 -->
<g id="edge450" class="edge"><title>n108&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1547.23,-3250C1649.61,-3250 1793.63,-3250 1793.63,-3250 1793.63,-3250 1793.63,-3128 1793.63,-3128 1793.63,-3128 2027.52,-3128 2027.52,-3128"/>
<polygon fill="red" stroke="red" points="2027.52,-3131.5 2037.52,-3128 2027.52,-3124.5 2027.52,-3131.5"/>
<text text-anchor="middle" x="1825.63" y="-3199.05" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n108&#45;&gt;n555 -->
<g id="edge453" class="edge"><title>n108&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1371.61,-3242.94C1371.61,-3193.26 1371.61,-3121 1371.61,-3121 1371.61,-3121 1486.96,-3121 1486.96,-3121 1486.96,-3121 1486.96,-2933.1 1486.96,-2933.1"/>
<polygon fill="red" stroke="red" points="1490.46,-2933.1 1486.96,-2923.1 1483.46,-2933.1 1490.46,-2933.1"/>
<text text-anchor="middle" x="1494.27" y="-3109.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10200 -->
<g id="node210" class="node"><title>n10200</title>
<polygon fill="#97ffff" stroke="black" points="596.55,-3569.83 596.55,-3743.83 859.55,-3743.83 859.55,-3569.83 596.55,-3569.83"/>
<text text-anchor="middle" x="728.05" y="-3728.63" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="728.05" y="-3713.63" font-family="Times New Roman,serif" font-size="14.00">TextTrackSettings</text>
<polyline fill="none" stroke="black" points="596.55,-3705.83 859.55,-3705.83 "/>
<text text-anchor="start" x="604.55" y="-3690.63" font-family="Times New Roman,serif" font-size="14.00">+options_.persistTextTrackSettings : object</text>
<polyline fill="none" stroke="black" points="596.55,-3682.83 859.55,-3682.83 "/>
<text text-anchor="start" x="604.55" y="-3667.63" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="604.55" y="-3652.63" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="604.55" y="-3637.63" font-family="Times New Roman,serif" font-size="14.00">&#45;getValues()</text>
<text text-anchor="start" x="604.55" y="-3622.63" font-family="Times New Roman,serif" font-size="14.00">&#45;restoreSettings()</text>
<text text-anchor="start" x="604.55" y="-3607.63" font-family="Times New Roman,serif" font-size="14.00">&#45;saveSettings()</text>
<text text-anchor="start" x="604.55" y="-3592.63" font-family="Times New Roman,serif" font-size="14.00">&#45;setValues(values)</text>
<text text-anchor="start" x="604.55" y="-3577.63" font-family="Times New Roman,serif" font-size="14.00">&#45;updateDisplay()</text>
</g>
<!-- n108&#45;&gt;n10200 -->
<g id="edge454" class="edge"><title>n108&#45;&gt;n10200</title>
<path fill="none" stroke="black" d="M1334.7,-3288C1334.7,-3288 789.19,-3288 789.19,-3288 789.19,-3288 789.19,-3460.36 789.19,-3569.42"/>
<polygon fill="black" stroke="black" points="1334.7,-3288 1340.7,-3284 1346.7,-3288 1340.7,-3292 1334.7,-3288"/>
</g>
<!-- n108&#45;&gt;n5147 -->
<g id="edge452" class="edge"><title>n108&#45;&gt;n5147</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1355.17,-3243.23C1355.17,-3226.7 1355.17,-3212 1355.17,-3212 1355.17,-3212 1252.48,-3212 1252.48,-3212"/>
<polygon fill="red" stroke="red" points="1252.48,-3208.5 1242.48,-3212 1252.48,-3215.5 1252.48,-3208.5"/>
<text text-anchor="middle" x="1287.44" y="-3215.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n109&#45;&gt;n89 -->
<g id="edge457" class="edge"><title>n109&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1597.43,-2763C1643.79,-2763 1691.45,-2763 1691.45,-2763 1691.45,-2763 1691.45,-2526.27 1691.45,-2526.27"/>
<polygon fill="red" stroke="red" points="1694.95,-2526.27 1691.45,-2516.27 1687.95,-2526.27 1694.95,-2526.27"/>
<text text-anchor="middle" x="1659.45" y="-2695.44" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n109&#45;&gt;n101 -->
<g id="edge456" class="edge"><title>n109&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1424.18,-2779C1288.56,-2779 1041.44,-2779 1041.44,-2779 1041.44,-2779 1041.44,-2936 1041.44,-2936 1041.44,-2936 2115.37,-2936 2115.37,-2936 2115.37,-2936 2115.37,-3099.83 2115.37,-3099.83"/>
<polygon fill="red" stroke="red" points="2111.87,-3099.83 2115.37,-3109.83 2118.87,-3099.83 2111.87,-3099.83"/>
<text text-anchor="middle" x="1358.45" y="-2939.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n109&#45;&gt;n116 -->
<g id="edge455" class="edge"><title>n109&#45;&gt;n116</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1423.93,-2763C1172.17,-2763 459.988,-2763 459.988,-2763 459.988,-2763 459.988,-2302 459.988,-2302 459.988,-2302 1518.68,-2302 1518.68,-2302"/>
<polygon fill="red" stroke="red" points="1518.68,-2305.5 1528.68,-2302 1518.68,-2298.5 1518.68,-2305.5"/>
<text text-anchor="middle" x="427.988" y="-2488.93" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n109&#45;&gt;n554 -->
<g id="edge458" class="edge"><title>n109&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1535.57,-2758.44C1535.57,-2758.44 1535.57,-2740.58 1535.57,-2740.58"/>
<polygon fill="red" stroke="red" points="1539.07,-2740.58 1535.57,-2730.58 1532.07,-2740.58 1539.07,-2740.58"/>
<text text-anchor="middle" x="1503.57" y="-2753.31" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10339 -->
<g id="node259" class="node"><title>n10339</title>
<polygon fill="#97ffff" stroke="black" points="2139.99,-2839.24 2139.99,-2945.24 2283.99,-2945.24 2283.99,-2839.24 2139.99,-2839.24"/>
<text text-anchor="middle" x="2211.99" y="-2930.04" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2211.99" y="-2915.04" font-family="Times New Roman,serif" font-size="14.00">TextTrackList</text>
<polyline fill="none" stroke="black" points="2139.99,-2907.24 2283.99,-2907.24 "/>
<text text-anchor="start" x="2147.99" y="-2892.04" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrack_(track)</text>
<text text-anchor="start" x="2147.99" y="-2877.04" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="2147.99" y="-2862.04" font-family="Times New Roman,serif" font-size="14.00">&#45;getTrackById(id)</text>
<text text-anchor="start" x="2147.99" y="-2847.04" font-family="Times New Roman,serif" font-size="14.00">&#45;removeTrack_(rtrack)</text>
</g>
<!-- n109&#45;&gt;n10339 -->
<g id="edge459" class="edge"><title>n109&#45;&gt;n10339</title>
<path fill="none" stroke="black" d="M1412.26,-2779C1412.26,-2779 1038.87,-2779 1038.87,-2779 1038.87,-2779 1038.87,-2934 1038.87,-2934 1038.87,-2934 1884.7,-2934 2139.93,-2934"/>
<polygon fill="black" stroke="black" points="1412.26,-2779 1418.26,-2775 1424.26,-2779 1418.26,-2783 1412.26,-2779"/>
</g>
<!-- n110&#45;&gt;n66 -->
<g id="edge460" class="edge"><title>n110&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1799.11,-3281C1969.95,-3281 2302.55,-3281 2302.55,-3281 2302.55,-3281 2302.55,-3280.01 2302.55,-3280.01"/>
<polygon fill="red" stroke="red" points="2306.05,-3281.14 2302.55,-3271.14 2299.05,-3281.14 2306.05,-3281.14"/>
<text text-anchor="middle" x="2083.32" y="-3269.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n110&#45;&gt;n82 -->
<g id="edge461" class="edge"><title>n110&#45;&gt;n82</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1749.44,-3385.92C1749.44,-3437.44 1749.44,-3501 1749.44,-3501 1749.44,-3501 1953.12,-3501 1953.12,-3501"/>
<polygon fill="red" stroke="red" points="1953.12,-3504.5 1963.12,-3501 1953.12,-3497.5 1953.12,-3504.5"/>
<text text-anchor="middle" x="1761.74" y="-3489.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n110&#45;&gt;n83 -->
<g id="edge463" class="edge"><title>n110&#45;&gt;n83</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1798.95,-3277C1929.87,-3277 2144.69,-3277 2144.69,-3277 2144.69,-3277 2144.69,-3276.54 2144.69,-3276.54"/>
<polygon fill="red" stroke="red" points="2148.19,-3282.38 2144.69,-3272.38 2141.19,-3282.38 2148.19,-3282.38"/>
<text text-anchor="middle" x="2004.06" y="-3265.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n110&#45;&gt;n101 -->
<g id="edge464" class="edge"><title>n110&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1797.1,-3256.77C1797.1,-3197.9 1797.1,-3120 1797.1,-3120 1797.1,-3120 2027.46,-3120 2027.46,-3120"/>
<polygon fill="red" stroke="red" points="2027.46,-3123.5 2037.46,-3120 2027.46,-3116.5 2027.46,-3123.5"/>
<text text-anchor="middle" x="1875.89" y="-3123.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n81 -->
<g id="node115" class="node"><title>n81</title>
<polygon fill="aliceblue" stroke="black" points="2161.88,-3529.8 2161.88,-3567.8 2316.88,-3567.8 2316.88,-3529.8 2161.88,-3529.8"/>
<text text-anchor="middle" x="2239.38" y="-3552.6" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2239.38" y="-3537.6" font-family="Times New Roman,serif" font-size="14.00">src/js/menu/menu&#45;item.js</text>
</g>
<!-- n110&#45;&gt;n81 -->
<g id="edge462" class="edge"><title>n110&#45;&gt;n81</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1752.55,-3386.13C1752.55,-3431.12 1752.55,-3483 1752.55,-3483 1752.55,-3483 2196.64,-3483 2196.64,-3483 2196.64,-3483 2196.64,-3519.77 2196.64,-3519.77"/>
<polygon fill="red" stroke="red" points="2193.14,-3519.77 2196.64,-3529.77 2200.14,-3519.77 2193.14,-3519.77"/>
<text text-anchor="middle" x="1912.54" y="-3486.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n110&#45;&gt;n554 -->
<g id="edge465" class="edge"><title>n110&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1607.01,-3256.68C1607.01,-3201.84 1607.01,-3132 1607.01,-3132 1607.01,-3132 1007.99,-3132 1007.99,-3132 1007.99,-3132 1007.99,-2846 1007.99,-2846 1007.99,-2846 1304.89,-2846 1304.89,-2846 1304.89,-2846 1304.89,-2794 1304.89,-2794 1304.89,-2794 1402.98,-2794 1402.98,-2794 1402.98,-2794 1402.98,-2710 1402.98,-2710 1402.98,-2710 1463.46,-2710 1463.46,-2710"/>
<polygon fill="red" stroke="red" points="1463.46,-2713.5 1473.46,-2710 1463.46,-2706.5 1463.46,-2713.5"/>
<text text-anchor="middle" x="975.995" y="-3058.91" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n110&#45;&gt;n555 -->
<g id="edge466" class="edge"><title>n110&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1609.59,-3256.64C1609.59,-3198.77 1609.59,-3123 1609.59,-3123 1609.59,-3123 1488.73,-3123 1488.73,-3123 1488.73,-3123 1488.73,-2932.9 1488.73,-2932.9"/>
<polygon fill="red" stroke="red" points="1492.23,-2932.9 1488.73,-2922.9 1485.23,-2932.9 1492.23,-2932.9"/>
<text text-anchor="middle" x="1552.93" y="-3111.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10378 -->
<g id="node213" class="node"><title>n10378</title>
<polygon fill="#97ffff" stroke="black" points="1021.71,-3897.32 1021.71,-4033.32 1237.71,-4033.32 1237.71,-3897.32 1021.71,-3897.32"/>
<text text-anchor="middle" x="1129.71" y="-4018.12" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1129.71" y="-4003.12" font-family="Times New Roman,serif" font-size="14.00">TextTrackDisplay</text>
<polyline fill="none" stroke="black" points="1021.71,-3995.32 1237.71,-3995.32 "/>
<text text-anchor="start" x="1029.71" y="-3980.12" font-family="Times New Roman,serif" font-size="14.00">&#45;clearDisplay()</text>
<text text-anchor="start" x="1029.71" y="-3965.12" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
<text text-anchor="start" x="1029.71" y="-3950.12" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1029.71" y="-3935.12" font-family="Times New Roman,serif" font-size="14.00">&#45;toggleDisplay()</text>
<text text-anchor="start" x="1029.71" y="-3920.12" font-family="Times New Roman,serif" font-size="14.00">&#45;updateDisplay()</text>
<text text-anchor="start" x="1029.71" y="-3905.12" font-family="Times New Roman,serif" font-size="14.00">&#45;updateForTrack(track)</text>
</g>
<!-- n110&#45;&gt;n10378 -->
<g id="edge467" class="edge"><title>n110&#45;&gt;n10378</title>
<path fill="none" stroke="black" d="M1589.81,-3380C1589.81,-3380 1526.62,-3380 1526.62,-3380 1526.62,-3380 1526.62,-3431 1526.62,-3431 1526.62,-3431 938.629,-3431 938.629,-3431 938.629,-3431 938.629,-3900 938.629,-3900 938.629,-3900 978.372,-3900 1021.61,-3900"/>
<polygon fill="black" stroke="black" points="1589.81,-3380 1595.81,-3376 1601.81,-3380 1595.81,-3384 1589.81,-3380"/>
</g>
<!-- n112&#45;&gt;n89 -->
<g id="edge478" class="edge"><title>n112&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1384.88,-2539.12C1384.88,-2529.4 1384.88,-2522 1384.88,-2522 1384.88,-2522 1589.4,-2522 1589.4,-2522 1589.4,-2522 1589.4,-2521.45 1589.4,-2521.45"/>
<polygon fill="red" stroke="red" points="1592.9,-2526.49 1589.4,-2516.49 1585.9,-2526.49 1592.9,-2526.49"/>
<text text-anchor="middle" x="1494.86" y="-2510.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n95 -->
<g id="edge471" class="edge"><title>n112&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1436.75,-2630.34C1436.75,-2637.72 1436.75,-2643 1436.75,-2643 1436.75,-2643 1620.68,-2643 1620.68,-2643 1620.68,-2643 1620.68,-2939.44 1620.68,-2939.44"/>
<polygon fill="red" stroke="red" points="1617.18,-2939.44 1620.68,-2949.44 1624.18,-2939.44 1617.18,-2939.44"/>
<text text-anchor="middle" x="1588.68" y="-2681.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n96 -->
<g id="edge477" class="edge"><title>n112&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1259.73,-2591C1077.4,-2591 690.05,-2591 690.05,-2591 690.05,-2591 690.05,-2293 690.05,-2293 690.05,-2293 1503.39,-2293 1503.39,-2293 1503.39,-2293 1503.39,-2181 1503.39,-2181 1503.39,-2181 2011.73,-2181 2011.73,-2181 2011.73,-2181 2011.73,-2530.14 2011.73,-2530.14"/>
<polygon fill="red" stroke="red" points="2008.23,-2530.14 2011.73,-2540.14 2015.23,-2530.14 2008.23,-2530.14"/>
<text text-anchor="middle" x="1115.62" y="-2281.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n99 -->
<g id="edge475" class="edge"><title>n112&#45;&gt;n99</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1414.96,-2539.07C1414.96,-2528.87 1414.96,-2521 1414.96,-2521 1414.96,-2521 1486.45,-2521 1486.45,-2521 1486.45,-2521 1486.45,-2371 1486.45,-2371 1486.45,-2371 1439.12,-2371 1439.12,-2371"/>
<polygon fill="red" stroke="red" points="1439.12,-2367.5 1429.12,-2371 1439.12,-2374.5 1439.12,-2367.5"/>
<text text-anchor="middle" x="1558.45" y="-2470.91" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [isCrossOrigin]»</text>
</g>
<!-- n112&#45;&gt;n101 -->
<g id="edge469" class="edge"><title>n112&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1259.81,-2609C1049.48,-2609 554.363,-2609 554.363,-2609 554.363,-2609 554.363,-3053 554.363,-3053 554.363,-3053 1447.42,-3053 1447.42,-3053 1447.42,-3053 1447.42,-3095 1447.42,-3095 1447.42,-3095 2050.18,-3095 2050.18,-3095 2050.18,-3095 2050.18,-3100.03 2050.18,-3100.03"/>
<polygon fill="red" stroke="red" points="2046.68,-3100.03 2050.18,-3110.03 2053.68,-3100.03 2046.68,-3100.03"/>
<text text-anchor="middle" x="719.063" y="-3041.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n106 -->
<g id="edge468" class="edge"><title>n112&#45;&gt;n106</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1259.78,-2588C1091.36,-2588 752.535,-2588 752.535,-2588 752.535,-2588 752.535,-2485.6 752.535,-2485.6"/>
<polygon fill="red" stroke="red" points="756.035,-2485.6 752.535,-2475.6 749.035,-2485.6 756.035,-2485.6"/>
<text text-anchor="middle" x="986.954" y="-2591.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n111 -->
<g id="edge470" class="edge"><title>n112&#45;&gt;n111</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1259.79,-2594C1074.3,-2594 675.255,-2594 675.255,-2594 675.255,-2594 675.255,-1778 675.255,-1778 675.255,-1778 1389.94,-1778 1389.94,-1778"/>
<polygon fill="red" stroke="red" points="1389.94,-1781.5 1399.94,-1778 1389.94,-1774.5 1389.94,-1781.5"/>
<text text-anchor="middle" x="549.755" y="-2124.72" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [TextTrackKind, TextTrackMode]»</text>
</g>
<!-- n112&#45;&gt;n115 -->
<g id="edge474" class="edge"><title>n112&#45;&gt;n115</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1259.82,-2589C1077.13,-2589 688.201,-2589 688.201,-2589 688.201,-2589 688.201,-2045 688.201,-2045 688.201,-2045 1601.6,-2045 1601.6,-2045"/>
<polygon fill="red" stroke="red" points="1601.6,-2048.5 1611.6,-2045 1601.6,-2041.5 1601.6,-2048.5"/>
<text text-anchor="middle" x="656.201" y="-2149.91" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n554 -->
<g id="edge472" class="edge"><title>n112&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1432.61,-2630.43C1432.61,-2661.89 1432.61,-2698 1432.61,-2698 1432.61,-2698 1463.77,-2698 1463.77,-2698"/>
<polygon fill="red" stroke="red" points="1463.77,-2701.5 1473.77,-2698 1463.77,-2694.5 1463.77,-2701.5"/>
<text text-anchor="middle" x="1464.61" y="-2683.6" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n555 -->
<g id="edge473" class="edge"><title>n112&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1417.92,-2630.16C1417.92,-2692.82 1417.92,-2798 1417.92,-2798 1417.92,-2798 1569.73,-2798 1569.73,-2798 1569.73,-2798 1569.73,-2874.42 1569.73,-2874.42"/>
<polygon fill="red" stroke="red" points="1566.23,-2874.42 1569.73,-2884.42 1573.23,-2874.42 1566.23,-2874.42"/>
<text text-anchor="middle" x="1480.12" y="-2801.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n112&#45;&gt;n8435 -->
<g id="edge476" class="edge"><title>n112&#45;&gt;n8435</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1440.9,-2630.4C1440.9,-2636.67 1440.9,-2641 1440.9,-2641 1440.9,-2641 1686.59,-2641 1686.59,-2641"/>
<polygon fill="red" stroke="red" points="1686.59,-2644.5 1696.59,-2641 1686.59,-2637.5 1686.59,-2644.5"/>
<text text-anchor="middle" x="1526.45" y="-2644.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10512 -->
<g id="node255" class="node"><title>n10512</title>
<polygon fill="#97ffff" stroke="black" points="466.848,-2363.26 466.848,-2567.26 639.848,-2567.26 639.848,-2363.26 466.848,-2363.26"/>
<text text-anchor="middle" x="553.348" y="-2552.06" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="553.348" y="-2537.06" font-family="Times New Roman,serif" font-size="14.00">TextTrack</text>
<polyline fill="none" stroke="black" points="466.848,-2529.26 639.848,-2529.26 "/>
<text text-anchor="start" x="474.848" y="-2514.06" font-family="Times New Roman,serif" font-size="14.00">+mode : variable</text>
<text text-anchor="start" x="474.848" y="-2499.06" font-family="Times New Roman,serif" font-size="14.00">+tt.loaded_ : boolean = true</text>
<text text-anchor="start" x="474.848" y="-2484.06" font-family="Times New Roman,serif" font-size="14.00">+tt.prop : object</text>
<text text-anchor="start" x="474.848" y="-2469.06" font-family="Times New Roman,serif" font-size="14.00">+tt.src : object</text>
<text text-anchor="start" x="474.848" y="-2454.06" font-family="Times New Roman,serif" font-size="14.00">+tt.tech_ : object</text>
<polyline fill="none" stroke="black" points="466.848,-2446.26 639.848,-2446.26 "/>
<text text-anchor="start" x="474.848" y="-2431.06" font-family="Times New Roman,serif" font-size="14.00">&#45;addCue(cue)</text>
<text text-anchor="start" x="474.848" y="-2416.06" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="474.848" y="-2401.06" font-family="Times New Roman,serif" font-size="14.00">&#45;removeCue(removeCue)</text>
<text text-anchor="start" x="474.848" y="-2386.06" font-family="Times New Roman,serif" font-size="14.00">&#45;tt.activeCues_()</text>
<text text-anchor="start" x="474.848" y="-2371.06" font-family="Times New Roman,serif" font-size="14.00">&#45;tt.cues_()</text>
</g>
<!-- n112&#45;&gt;n10512 -->
<g id="edge479" class="edge"><title>n112&#45;&gt;n10512</title>
<path fill="none" stroke="black" d="M1247.94,-2601C1247.94,-2601 627.186,-2601 627.186,-2601 627.186,-2601 627.186,-2586.73 627.186,-2567.45"/>
<polygon fill="black" stroke="black" points="1247.94,-2601 1253.94,-2597 1259.94,-2601 1253.94,-2605 1247.94,-2601"/>
</g>
<!-- n113&#45;&gt;n89 -->
<g id="edge481" class="edge"><title>n113&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1288.51,-2330C1382.83,-2330 1515.5,-2330 1515.5,-2330 1515.5,-2330 1515.5,-2406.94 1515.5,-2406.94"/>
<polygon fill="red" stroke="red" points="1512,-2406.94 1515.5,-2416.94 1519,-2406.94 1512,-2406.94"/>
<text text-anchor="middle" x="1408.48" y="-2318.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n113&#45;&gt;n116 -->
<g id="edge480" class="edge"><title>n113&#45;&gt;n116</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1279.24,-2316.27C1279.24,-2309.34 1279.24,-2304 1279.24,-2304 1279.24,-2304 1519.08,-2304 1519.08,-2304"/>
<polygon fill="red" stroke="red" points="1519.08,-2307.5 1529.08,-2304 1519.08,-2300.5 1519.08,-2307.5"/>
<text text-anchor="middle" x="1425.02" y="-2292.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n113&#45;&gt;n554 -->
<g id="edge482" class="edge"><title>n113&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1104.07,-2323C1020.46,-2323 910.126,-2323 910.126,-2323 910.126,-2323 910.126,-2485 910.126,-2485 910.126,-2485 1256.59,-2485 1256.59,-2485 1256.59,-2485 1256.59,-2648 1256.59,-2648 1256.59,-2648 1559.43,-2648 1559.43,-2648 1559.43,-2648 1559.43,-2681.86 1559.43,-2681.86"/>
<polygon fill="red" stroke="red" points="1555.93,-2681.86 1559.43,-2691.86 1562.93,-2681.86 1555.93,-2681.86"/>
<text text-anchor="middle" x="1123.24" y="-2488.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10587 -->
<g id="node214" class="node"><title>n10587</title>
<polygon fill="#97ffff" stroke="black" points="448.043,-1852.48 448.043,-1981.48 645.043,-1981.48 645.043,-1852.48 448.043,-1852.48"/>
<text text-anchor="middle" x="546.543" y="-1966.28" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="546.543" y="-1951.28" font-family="Times New Roman,serif" font-size="14.00">VideoTrackList</text>
<polyline fill="none" stroke="black" points="448.043,-1943.48 645.043,-1943.48 "/>
<text text-anchor="start" x="456.043" y="-1928.28" font-family="Times New Roman,serif" font-size="14.00">+list.changing_ : boolean = false</text>
<polyline fill="none" stroke="black" points="448.043,-1920.48 645.043,-1920.48 "/>
<text text-anchor="start" x="456.043" y="-1905.28" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrack(track)</text>
<text text-anchor="start" x="456.043" y="-1890.28" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrack_(track)</text>
<text text-anchor="start" x="456.043" y="-1875.28" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="456.043" y="-1860.28" font-family="Times New Roman,serif" font-size="14.00">&#45;removeTrack(track)</text>
</g>
<!-- n113&#45;&gt;n10587 -->
<g id="edge483" class="edge"><title>n113&#45;&gt;n10587</title>
<path fill="none" stroke="black" d="M1251.55,-2304.47C1251.55,-2304.47 1251.55,-1979 1251.55,-1979 1251.55,-1979 839.342,-1979 645.314,-1979"/>
<polygon fill="black" stroke="black" points="1251.55,-2304.47 1255.55,-2310.47 1251.55,-2316.47 1247.55,-2310.47 1251.55,-2304.47"/>
</g>
<!-- n114&#45;&gt;n89 -->
<g id="edge487" class="edge"><title>n114&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1600.21,-1910.9C1600.21,-1936.13 1600.21,-1977 1600.21,-1977 1600.21,-1977 1524.57,-1977 1524.57,-1977 1524.57,-1977 1524.57,-2407.02 1524.57,-2407.02"/>
<polygon fill="red" stroke="red" points="1521.07,-2407.02 1524.57,-2417.02 1528.07,-2407.02 1521.07,-2407.02"/>
<text text-anchor="middle" x="1556.57" y="-2124.95" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n114&#45;&gt;n96 -->
<g id="edge486" class="edge"><title>n114&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1607.82,-1910.84C1607.82,-1962.7 1607.82,-2101 1607.82,-2101 1607.82,-2101 2013.37,-2101 2013.37,-2101 2013.37,-2101 2013.37,-2530.18 2013.37,-2530.18"/>
<polygon fill="red" stroke="red" points="2009.87,-2530.18 2013.37,-2540.18 2016.87,-2530.18 2009.87,-2530.18"/>
<text text-anchor="middle" x="1898.1" y="-2104.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n114&#45;&gt;n111 -->
<g id="edge484" class="edge"><title>n114&#45;&gt;n111</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1581.08,-1890C1571.67,-1890 1565.36,-1890 1565.36,-1890 1565.36,-1890 1565.36,-1794.9 1565.36,-1794.9"/>
<polygon fill="red" stroke="red" points="1568.86,-1794.9 1565.36,-1784.9 1561.86,-1794.9 1568.86,-1794.9"/>
<text text-anchor="middle" x="1645.36" y="-1854.11" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import [VideoTrackKind]»</text>
</g>
<!-- n114&#45;&gt;n115 -->
<g id="edge485" class="edge"><title>n114&#45;&gt;n115</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1623.16,-1910.72C1623.16,-1910.72 1623.16,-2006.95 1623.16,-2006.95"/>
<polygon fill="red" stroke="red" points="1619.66,-2006.95 1623.16,-2016.95 1626.66,-2006.95 1619.66,-2006.95"/>
<text text-anchor="middle" x="1591.16" y="-1962.63" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10612 -->
<g id="node215" class="node"><title>n10612</title>
<polygon fill="#97ffff" stroke="black" points="1492.55,-1216.13 1492.55,-1315.13 1638.55,-1315.13 1638.55,-1216.13 1492.55,-1216.13"/>
<text text-anchor="middle" x="1565.55" y="-1299.93" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1565.55" y="-1284.93" font-family="Times New Roman,serif" font-size="14.00">VideoTrack</text>
<polyline fill="none" stroke="black" points="1492.55,-1277.13 1638.55,-1277.13 "/>
<text text-anchor="start" x="1500.55" y="-1261.93" font-family="Times New Roman,serif" font-size="14.00">+track.prop : object</text>
<text text-anchor="start" x="1500.55" y="-1246.93" font-family="Times New Roman,serif" font-size="14.00">+track.selected : object</text>
<polyline fill="none" stroke="black" points="1492.55,-1239.13 1638.55,-1239.13 "/>
<text text-anchor="start" x="1500.55" y="-1223.93" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
</g>
<!-- n114&#45;&gt;n10612 -->
<g id="edge488" class="edge"><title>n114&#45;&gt;n10612</title>
<path fill="none" stroke="black" d="M1607.34,-1860.46C1607.34,-1860.46 1607.34,-1491 1607.34,-1491 1607.34,-1491 1516.57,-1491 1516.57,-1491 1516.57,-1491 1516.57,-1381.73 1516.57,-1315.36"/>
<polygon fill="black" stroke="black" points="1607.34,-1860.46 1611.34,-1866.46 1607.34,-1872.46 1603.34,-1866.46 1607.34,-1860.46"/>
</g>
<!-- n68&#45;&gt;n66 -->
<g id="edge246" class="edge"><title>n68&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1844.71,-3205.49C1844.71,-3234.92 1844.71,-3275 1844.71,-3275 1844.71,-3275 2307.05,-3275 2307.05,-3275 2307.05,-3275 2307.05,-3274.6 2307.05,-3274.6"/>
<polygon fill="red" stroke="red" points="2310.55,-3280.97 2307.05,-3270.97 2303.55,-3280.97 2310.55,-3280.97"/>
<text text-anchor="middle" x="2073.33" y="-3278.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n68&#45;&gt;n71 -->
<g id="edge247" class="edge"><title>n68&#45;&gt;n71</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1826.23,-3166C1735.65,-3166 1585.57,-3166 1585.57,-3166 1585.57,-3166 1585.57,-3433.63 1585.57,-3433.63"/>
<polygon fill="red" stroke="red" points="1582.07,-3433.63 1585.57,-3443.63 1589.07,-3433.63 1582.07,-3433.63"/>
<text text-anchor="middle" x="1617.57" y="-3168.29" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n68&#45;&gt;n96 -->
<g id="edge249" class="edge"><title>n68&#45;&gt;n96</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1950.07,-3144.26C1950.07,-3102.27 1950.07,-3032 1950.07,-3032 1950.07,-3032 3083.09,-3032 3083.09,-3032 3083.09,-3032 3083.09,-2893 3083.09,-2893 3083.09,-2893 2947.95,-2893 2947.95,-2893 2947.95,-2893 2947.95,-2711 2947.95,-2711 2947.95,-2711 2631.32,-2711 2631.32,-2711 2631.32,-2711 2631.32,-2619 2631.32,-2619 2631.32,-2619 2214.55,-2619 2214.55,-2619"/>
<polygon fill="red" stroke="red" points="2214.55,-2615.5 2204.55,-2619 2214.55,-2622.5 2214.55,-2615.5"/>
<text text-anchor="middle" x="3051.09" y="-3017.67" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n68&#45;&gt;n92 -->
<g id="edge248" class="edge"><title>n68&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1960.64,-3155C1960.64,-3155 2159.21,-3155 2159.21,-3155"/>
<polygon fill="red" stroke="red" points="2159.21,-3158.5 2169.21,-3155 2159.21,-3151.5 2159.21,-3158.5"/>
<text text-anchor="middle" x="2027.93" y="-3143.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n7472 -->
<g id="node187" class="node"><title>n7472</title>
<polygon fill="#97ffff" stroke="black" points="1086.5,-3304.64 1086.5,-3395.64 1264.5,-3395.64 1264.5,-3304.64 1086.5,-3304.64"/>
<text text-anchor="middle" x="1175.5" y="-3380.44" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1175.5" y="-3365.44" font-family="Times New Roman,serif" font-size="14.00">ErrorDisplay</text>
<polyline fill="none" stroke="black" points="1086.5,-3357.64 1264.5,-3357.64 "/>
<text text-anchor="start" x="1094.5" y="-3342.44" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="1094.5" y="-3327.44" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1094.5" y="-3312.44" font-family="Times New Roman,serif" font-size="14.00">&#45;content()</text>
</g>
<!-- n68&#45;&gt;n7472 -->
<g id="edge250" class="edge"><title>n68&#45;&gt;n7472</title>
<path fill="none" stroke="black" d="M1814.21,-3169C1814.21,-3169 1571.02,-3169 1571.02,-3169 1571.02,-3169 1571.02,-3342 1571.02,-3342 1571.02,-3342 1381.41,-3342 1264.76,-3342"/>
<polygon fill="black" stroke="black" points="1814.21,-3169 1820.21,-3165 1826.21,-3169 1820.21,-3173 1814.21,-3169"/>
</g>
<!-- n116&#45;&gt;n67 -->
<g id="edge494" class="edge"><title>n116&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1529.03,-2264C1404.43,-2264 1193.19,-2264 1193.19,-2264 1193.19,-2264 1193.19,-2258.71 1193.19,-2258.71"/>
<polygon fill="red" stroke="red" points="1196.69,-2258.71 1193.19,-2248.71 1189.69,-2258.71 1196.69,-2258.71"/>
<text text-anchor="middle" x="1390.46" y="-2267.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n116&#45;&gt;n89 -->
<g id="edge496" class="edge"><title>n116&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1618.11,-2308.32C1618.11,-2308.32 1618.11,-2407.16 1618.11,-2407.16"/>
<polygon fill="red" stroke="red" points="1614.61,-2407.16 1618.11,-2417.16 1621.61,-2407.16 1614.61,-2407.16"/>
<text text-anchor="middle" x="1586.11" y="-2361.54" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n116&#45;&gt;n101 -->
<g id="edge495" class="edge"><title>n116&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1529.07,-2285C1255.6,-2285 446.267,-2285 446.267,-2285 446.267,-2285 446.267,-2856 446.267,-2856 446.267,-2856 1201.25,-2856 1201.25,-2856 1201.25,-2856 1201.25,-2985 1201.25,-2985 1201.25,-2985 1459.87,-2985 1459.87,-2985 1459.87,-2985 1459.87,-3096 1459.87,-3096 1459.87,-3096 2043.92,-3096 2043.92,-3096 2043.92,-3096 2043.92,-3099.82 2043.92,-3099.82"/>
<polygon fill="red" stroke="red" points="2040.42,-3099.82 2043.92,-3109.82 2047.42,-3099.82 2040.42,-3099.82"/>
<text text-anchor="middle" x="508.1" y="-2859.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n116&#45;&gt;n554 -->
<g id="edge497" class="edge"><title>n116&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1707.54,-2275C1715.7,-2275 1720.98,-2275 1720.98,-2275 1720.98,-2275 1720.98,-2531 1720.98,-2531 1720.98,-2531 1690.09,-2531 1690.09,-2531 1690.09,-2531 1690.09,-2711 1690.09,-2711 1690.09,-2711 1621.01,-2711 1621.01,-2711"/>
<polygon fill="red" stroke="red" points="1621.01,-2707.5 1611.01,-2711 1621.01,-2714.5 1621.01,-2707.5"/>
<text text-anchor="middle" x="1683.72" y="-2519.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10645 -->
<g id="node217" class="node"><title>n10645</title>
<polygon fill="#97ffff" stroke="black" points="1734.76,-1275.55 1734.76,-1419.55 1878.76,-1419.55 1878.76,-1275.55 1734.76,-1275.55"/>
<text text-anchor="middle" x="1806.76" y="-1404.35" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1806.76" y="-1389.35" font-family="Times New Roman,serif" font-size="14.00">TrackList</text>
<polyline fill="none" stroke="black" points="1734.76,-1381.55 1878.76,-1381.55 "/>
<text text-anchor="start" x="1742.76" y="-1366.35" font-family="Times New Roman,serif" font-size="14.00">+list.prop : object</text>
<polyline fill="none" stroke="black" points="1734.76,-1358.55 1878.76,-1358.55 "/>
<text text-anchor="start" x="1742.76" y="-1343.35" font-family="Times New Roman,serif" font-size="14.00">&#45;addTrack_(track)</text>
<text text-anchor="start" x="1742.76" y="-1328.35" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
<text text-anchor="start" x="1742.76" y="-1313.35" font-family="Times New Roman,serif" font-size="14.00">&#45;getTrackById(id)</text>
<text text-anchor="start" x="1742.76" y="-1298.35" font-family="Times New Roman,serif" font-size="14.00">&#45;list.tracks_()</text>
<text text-anchor="start" x="1742.76" y="-1283.35" font-family="Times New Roman,serif" font-size="14.00">&#45;removeTrack_(rtrack)</text>
</g>
<!-- n116&#45;&gt;n10645 -->
<g id="edge498" class="edge"><title>n116&#45;&gt;n10645</title>
<path fill="none" stroke="black" d="M1575.16,-2197.08C1575.16,-2197.08 1575.16,-1510 1575.16,-1510 1575.16,-1510 1760.09,-1510 1760.09,-1510 1760.09,-1510 1760.09,-1463.13 1760.09,-1419.75"/>
<polygon fill="black" stroke="black" points="1575.16,-2197.08 1579.16,-2203.08 1575.16,-2209.08 1571.16,-2203.08 1575.16,-2197.08"/>
</g>
<!-- n117&#45;&gt;n66 -->
<g id="edge499" class="edge"><title>n117&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2542.52,-3369.17C2542.52,-3344.89 2542.52,-3315 2542.52,-3315 2542.52,-3315 2415.05,-3315 2415.05,-3315 2415.05,-3315 2415.05,-3281.16 2415.05,-3281.16"/>
<polygon fill="red" stroke="red" points="2418.55,-3281.16 2415.05,-3271.16 2411.55,-3281.16 2418.55,-3281.16"/>
<text text-anchor="middle" x="2456.95" y="-3303.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n118 -->
<g id="node113" class="node"><title>n118</title>
<polygon fill="aliceblue" stroke="black" points="2719.07,-3145.41 2719.07,-3206.41 2940.07,-3206.41 2940.07,-3145.41 2719.07,-3145.41"/>
<text text-anchor="middle" x="2829.57" y="-3191.21" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2829.57" y="-3176.21" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/fullscreen&#45;toggle.js</text>
<polyline fill="none" stroke="black" points="2719.07,-3168.41 2940.07,-3168.41 "/>
<text text-anchor="start" x="2727.07" y="-3153.21" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Fullscreen</text>
</g>
<!-- n117&#45;&gt;n118 -->
<g id="edge507" class="edge"><title>n117&#45;&gt;n118</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2693.63,-3369.15C2693.63,-3310.04 2693.63,-3186 2693.63,-3186 2693.63,-3186 2708.88,-3186 2708.88,-3186"/>
<polygon fill="red" stroke="red" points="2708.88,-3189.5 2718.88,-3186 2708.88,-3182.5 2708.88,-3189.5"/>
<text text-anchor="middle" x="2725.63" y="-3273.75" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n119 -->
<g id="node114" class="node"><title>n119</title>
<polygon fill="aliceblue" stroke="black" points="2164.61,-3766.76 2164.61,-3804.76 2356.61,-3804.76 2356.61,-3766.76 2164.61,-3766.76"/>
<text text-anchor="middle" x="2260.61" y="-3789.56" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2260.61" y="-3774.56" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/live&#45;display.js</text>
</g>
<!-- n117&#45;&gt;n119 -->
<g id="edge505" class="edge"><title>n117&#45;&gt;n119</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2688.18,-3430.51C2688.18,-3502.69 2688.18,-3677 2688.18,-3677 2688.18,-3677 2296.3,-3677 2296.3,-3677 2296.3,-3677 2296.3,-3756.57 2296.3,-3756.57"/>
<polygon fill="red" stroke="red" points="2292.8,-3756.57 2296.3,-3766.57 2299.8,-3756.57 2292.8,-3756.57"/>
<text text-anchor="middle" x="2543.7" y="-3680.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n122 -->
<g id="node117" class="node"><title>n122</title>
<polygon fill="aliceblue" stroke="black" points="2040.24,-3660.57 2040.24,-3736.57 2285.24,-3736.57 2285.24,-3660.57 2040.24,-3660.57"/>
<text text-anchor="middle" x="2162.74" y="-3721.37" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2162.74" y="-3706.37" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/volume&#45;menu&#45;button.js</text>
<polyline fill="none" stroke="black" points="2040.24,-3698.57 2285.24,-3698.57 "/>
<text text-anchor="start" x="2048.24" y="-3683.37" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Mute</text>
<text text-anchor="start" x="2048.24" y="-3668.37" font-family="Times New Roman,serif" font-size="14.00">+volumeUpdate : object</text>
</g>
<!-- n117&#45;&gt;n122 -->
<g id="edge509" class="edge"><title>n117&#45;&gt;n122</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2504.33,-3422C2432.23,-3422 2345.77,-3422 2345.77,-3422 2345.77,-3422 2345.77,-3669 2345.77,-3669 2345.77,-3669 2295.33,-3669 2295.33,-3669"/>
<polygon fill="red" stroke="red" points="2295.33,-3665.5 2285.33,-3669 2295.33,-3672.5 2295.33,-3665.5"/>
<text text-anchor="middle" x="2313.77" y="-3495.24" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n123 -->
<g id="edge510" class="edge"><title>n117&#45;&gt;n123</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2696.05,-3371C2705.42,-3371 2711.54,-3371 2711.54,-3371 2711.54,-3371 2711.54,-3370.43 2711.54,-3370.43"/>
<polygon fill="red" stroke="red" points="2715.04,-3375.33 2711.54,-3365.33 2708.04,-3375.33 2715.04,-3375.33"/>
<text text-anchor="middle" x="2736.07" y="-3374.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n124 -->
<g id="node119" class="node"><title>n124</title>
<polygon fill="aliceblue" stroke="black" points="1806.38,-3804.28 1806.38,-3842.28 2156.38,-3842.28 2156.38,-3804.28 1806.38,-3804.28"/>
<text text-anchor="middle" x="1981.38" y="-3827.08" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1981.38" y="-3812.08" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/audio&#45;track&#45;controls/audio&#45;track&#45;button.js</text>
</g>
<!-- n117&#45;&gt;n124 -->
<g id="edge515" class="edge"><title>n117&#45;&gt;n124</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2504.43,-3426C2425.53,-3426 2326.51,-3426 2326.51,-3426 2326.51,-3426 2326.51,-3654 2326.51,-3654 2326.51,-3654 2018.5,-3654 2018.5,-3654 2018.5,-3654 2018.5,-3794.19 2018.5,-3794.19"/>
<polygon fill="red" stroke="red" points="2015,-3794.19 2018.5,-3804.19 2022,-3794.19 2015,-3794.19"/>
<text text-anchor="middle" x="2273.37" y="-3642.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n120 -->
<g id="node120" class="node"><title>n120</title>
<polygon fill="aliceblue" stroke="black" points="2625.58,-3045.57 2625.58,-3106.57 2816.58,-3106.57 2816.58,-3045.57 2625.58,-3045.57"/>
<text text-anchor="middle" x="2721.08" y="-3091.37" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2721.08" y="-3076.37" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/play&#45;toggle.js</text>
<polyline fill="none" stroke="black" points="2625.58,-3068.57 2816.58,-3068.57 "/>
<text text-anchor="start" x="2633.58" y="-3053.37" font-family="Times New Roman,serif" font-size="14.00">+controlText_ : string = Play</text>
</g>
<!-- n117&#45;&gt;n120 -->
<g id="edge500" class="edge"><title>n117&#45;&gt;n120</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2689.62,-3369.04C2689.62,-3369.04 2689.62,-3116.61 2689.62,-3116.61"/>
<polygon fill="red" stroke="red" points="2693.12,-3116.61 2689.62,-3106.61 2686.12,-3116.61 2693.12,-3116.61"/>
<text text-anchor="middle" x="2721.62" y="-3246.62" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n127 -->
<g id="edge516" class="edge"><title>n117&#45;&gt;n127</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2686.1,-3430.57C2686.1,-3480.11 2686.1,-3572 2686.1,-3572 2686.1,-3572 2614.66,-3572 2614.66,-3572 2614.66,-3572 2614.66,-3736.94 2614.66,-3736.94"/>
<polygon fill="red" stroke="red" points="2611.16,-3736.94 2614.66,-3746.94 2618.16,-3736.94 2611.16,-3736.94"/>
<text text-anchor="middle" x="2606.63" y="-3575.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n130 -->
<g id="edge511" class="edge"><title>n117&#45;&gt;n130</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2658.63,-3369.2C2658.63,-3369.2 2658.63,-3224.49 2658.63,-3224.49"/>
<polygon fill="red" stroke="red" points="2662.13,-3224.49 2658.63,-3214.49 2655.13,-3224.49 2662.13,-3224.49"/>
<text text-anchor="middle" x="2690.63" y="-3285.65" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n131 -->
<g id="edge514" class="edge"><title>n117&#45;&gt;n131</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2695.82,-3418C2697.93,-3418 2699.12,-3418 2699.12,-3418 2699.12,-3418 2699.12,-3449.16 2699.12,-3449.16"/>
<polygon fill="red" stroke="red" points="2695.62,-3449.16 2699.12,-3459.16 2702.62,-3449.16 2695.62,-3449.16"/>
<text text-anchor="middle" x="2731.12" y="-3435.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n133 -->
<g id="edge512" class="edge"><title>n117&#45;&gt;n133</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2695.69,-3380C2918,-3380 3451.12,-3380 3451.12,-3380 3451.12,-3380 3451.12,-3029 3451.12,-3029 3451.12,-3029 3443.25,-3029 3443.25,-3029"/>
<polygon fill="red" stroke="red" points="3443.25,-3025.5 3433.25,-3029 3443.25,-3032.5 3443.25,-3025.5"/>
<text text-anchor="middle" x="3220.84" y="-3368.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n138 -->
<g id="edge513" class="edge"><title>n117&#45;&gt;n138</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2695.8,-3373C2827.53,-3373 3048.66,-3373 3048.66,-3373 3048.66,-3373 3048.66,-3324.66 3048.66,-3324.66"/>
<polygon fill="red" stroke="red" points="3052.16,-3324.66 3048.66,-3314.66 3045.16,-3324.66 3052.16,-3324.66"/>
<text text-anchor="middle" x="2864.4" y="-3376.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n117&#45;&gt;n141 -->
<g id="edge508" class="edge"><title>n117&#45;&gt;n141</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2695.88,-3378C2905.69,-3378 3387.42,-3378 3387.42,-3378 3387.42,-3378 3387.42,-3219.15 3387.42,-3219.15"/>
<polygon fill="red" stroke="red" points="3390.92,-3219.15 3387.42,-3209.15 3383.92,-3219.15 3390.92,-3219.15"/>
<text text-anchor="middle" x="3089.07" y="-3366.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n144 -->
<g id="node139" class="node"><title>n144</title>
<polygon fill="aliceblue" stroke="black" points="3003.23,-3635.63 3003.23,-3696.63 3322.23,-3696.63 3322.23,-3635.63 3003.23,-3635.63"/>
<text text-anchor="middle" x="3162.73" y="-3681.43" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3162.73" y="-3666.43" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/progress&#45;control/progress&#45;control.js</text>
<polyline fill="none" stroke="black" points="3003.23,-3658.63 3322.23,-3658.63 "/>
<text text-anchor="start" x="3011.23" y="-3643.43" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n117&#45;&gt;n144 -->
<g id="edge506" class="edge"><title>n117&#45;&gt;n144</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2549.48,-3430.39C2549.48,-3432.02 2549.48,-3433 2549.48,-3433 2549.48,-3433 3205.54,-3433 3205.54,-3433 3205.54,-3433 3205.54,-3625.17 3205.54,-3625.17"/>
<polygon fill="red" stroke="red" points="3202.04,-3625.17 3205.54,-3635.17 3209.04,-3625.17 3202.04,-3625.17"/>
<text text-anchor="middle" x="2940.29" y="-3436.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n148 -->
<g id="node143" class="node"><title>n148</title>
<polygon fill="aliceblue" stroke="black" points="2625.41,-3684.29 2625.41,-3722.29 2921.41,-3722.29 2921.41,-3684.29 2625.41,-3684.29"/>
<text text-anchor="middle" x="2773.41" y="-3707.09" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2773.41" y="-3692.09" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/time&#45;controls/duration&#45;display.js</text>
</g>
<!-- n117&#45;&gt;n148 -->
<g id="edge502" class="edge"><title>n117&#45;&gt;n148</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2690.26,-3430.56C2690.26,-3430.56 2690.26,-3674 2690.26,-3674"/>
<polygon fill="red" stroke="red" points="2686.76,-3674 2690.26,-3684 2693.76,-3674 2686.76,-3674"/>
<text text-anchor="middle" x="2658.26" y="-3556.08" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n149 -->
<g id="node144" class="node"><title>n149</title>
<polygon fill="aliceblue" stroke="black" points="2153.07,-3873.06 2153.07,-3911.06 2470.07,-3911.06 2470.07,-3873.06 2153.07,-3873.06"/>
<text text-anchor="middle" x="2311.57" y="-3895.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2311.57" y="-3880.86" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/time&#45;controls/current&#45;time&#45;display.js</text>
</g>
<!-- n117&#45;&gt;n149 -->
<g id="edge501" class="edge"><title>n117&#45;&gt;n149</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2504.36,-3424C2430.53,-3424 2340.96,-3424 2340.96,-3424 2340.96,-3424 2340.96,-3671 2340.96,-3671 2340.96,-3671 2292.61,-3671 2292.61,-3671 2292.61,-3671 2292.61,-3753 2292.61,-3753 2292.61,-3753 2160.49,-3753 2160.49,-3753 2160.49,-3753 2160.49,-3863.02 2160.49,-3863.02"/>
<polygon fill="red" stroke="red" points="2156.99,-3863.02 2160.49,-3873.02 2163.99,-3863.02 2156.99,-3863.02"/>
<text text-anchor="middle" x="2372.96" y="-3655.84" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n150 -->
<g id="node145" class="node"><title>n150</title>
<polygon fill="aliceblue" stroke="black" points="2713.74,-3627.74 2713.74,-3665.74 2985.74,-3665.74 2985.74,-3627.74 2713.74,-3627.74"/>
<text text-anchor="middle" x="2849.74" y="-3650.54" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2849.74" y="-3635.54" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/time&#45;controls/time&#45;divider.js</text>
</g>
<!-- n117&#45;&gt;n150 -->
<g id="edge503" class="edge"><title>n117&#45;&gt;n150</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2692.34,-3430.44C2692.34,-3494.78 2692.34,-3638 2692.34,-3638 2692.34,-3638 2703.56,-3638 2703.56,-3638"/>
<polygon fill="red" stroke="red" points="2703.56,-3641.5 2713.56,-3638 2703.56,-3634.5 2703.56,-3641.5"/>
<text text-anchor="middle" x="2724.34" y="-3543.63" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n151 -->
<g id="node153" class="node"><title>n151</title>
<polygon fill="aliceblue" stroke="black" points="2979.4,-3085.54 2979.4,-3123.54 3311.4,-3123.54 3311.4,-3085.54 2979.4,-3085.54"/>
<text text-anchor="middle" x="3145.4" y="-3108.34" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3145.4" y="-3093.34" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/time&#45;controls/remaining&#45;time&#45;display.js</text>
</g>
<!-- n117&#45;&gt;n151 -->
<g id="edge504" class="edge"><title>n117&#45;&gt;n151</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2691.62,-3369.09C2691.62,-3296.06 2691.62,-3118 2691.62,-3118 2691.62,-3118 2969.33,-3118 2969.33,-3118"/>
<polygon fill="red" stroke="red" points="2969.33,-3121.5 2979.33,-3118 2969.33,-3114.5 2969.33,-3121.5"/>
<text text-anchor="middle" x="2736.93" y="-3121.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n128 -->
<g id="node184" class="node"><title>n128</title>
<polygon fill="aliceblue" stroke="black" points="3341.4,-3439.68 3341.4,-3477.68 3688.4,-3477.68 3688.4,-3439.68 3341.4,-3439.68"/>
<text text-anchor="middle" x="3514.9" y="-3462.48" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3514.9" y="-3447.48" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/spacer&#45;controls/custom&#45;control&#45;spacer.js</text>
</g>
<!-- n117&#45;&gt;n128 -->
<g id="edge517" class="edge"><title>n117&#45;&gt;n128</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2695.92,-3382C2940.97,-3382 3571.44,-3382 3571.44,-3382 3571.44,-3382 3571.44,-3429.33 3571.44,-3429.33"/>
<polygon fill="red" stroke="red" points="3567.94,-3429.33 3571.44,-3439.33 3574.94,-3429.33 3567.94,-3429.33"/>
<text text-anchor="middle" x="3157.34" y="-3370.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10686 -->
<g id="node218" class="node"><title>n10686</title>
<polygon fill="#97ffff" stroke="black" points="3478.44,-3308.77 3478.44,-3369.77 3602.44,-3369.77 3602.44,-3308.77 3478.44,-3308.77"/>
<text text-anchor="middle" x="3540.44" y="-3354.57" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3540.44" y="-3339.57" font-family="Times New Roman,serif" font-size="14.00">ControlBar</text>
<polyline fill="none" stroke="black" points="3478.44,-3331.77 3602.44,-3331.77 "/>
<text text-anchor="start" x="3486.44" y="-3316.57" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n117&#45;&gt;n10686 -->
<g id="edge518" class="edge"><title>n117&#45;&gt;n10686</title>
<path fill="none" stroke="black" d="M2707.73,-3381C2707.73,-3381 3509.44,-3381 3509.44,-3381 3509.44,-3381 3509.44,-3376.29 3509.44,-3370.04"/>
<polygon fill="black" stroke="black" points="2707.73,-3381 2701.73,-3385 2695.73,-3381 2701.73,-3377 2707.73,-3381"/>
</g>
<!-- n118&#45;&gt;n62 -->
<g id="edge519" class="edge"><title>n118&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2767.83,-3145.18C2767.83,-3133.07 2767.83,-3122 2767.83,-3122 2767.83,-3122 2354.2,-3122 2354.2,-3122 2354.2,-3122 2354.2,-3023 2354.2,-3023 2354.2,-3023 2184.48,-3023 2184.48,-3023 2184.48,-3023 2184.48,-3010 2184.48,-3010 2184.48,-3010 2142.09,-3010 2142.09,-3010 2142.09,-3010 2142.09,-3188 2142.09,-3188 2142.09,-3188 2139.46,-3188 2139.46,-3188"/>
<polygon fill="red" stroke="red" points="2139.46,-3184.5 2129.46,-3188 2139.46,-3191.5 2139.46,-3184.5"/>
<text text-anchor="middle" x="2386.2" y="-3076.83" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n118&#45;&gt;n66 -->
<g id="edge520" class="edge"><title>n118&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2809.58,-3206.51C2809.58,-3217.85 2809.58,-3228 2809.58,-3228 2809.58,-3228 2487.56,-3228 2487.56,-3228 2487.56,-3228 2487.56,-3242 2487.56,-3242 2487.56,-3242 2429.75,-3242 2429.75,-3242"/>
<polygon fill="red" stroke="red" points="2429.75,-3238.5 2419.75,-3242 2429.75,-3245.5 2429.75,-3238.5"/>
<text text-anchor="middle" x="2655.41" y="-3216.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10695 -->
<g id="node219" class="node"><title>n10695</title>
<polygon fill="#97ffff" stroke="black" points="3475.13,-2878.46 3475.13,-2954.46 3599.13,-2954.46 3599.13,-2878.46 3475.13,-2878.46"/>
<text text-anchor="middle" x="3537.13" y="-2939.26" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3537.13" y="-2924.26" font-family="Times New Roman,serif" font-size="14.00">FullscreenToggle</text>
<polyline fill="none" stroke="black" points="3475.13,-2916.46 3599.13,-2916.46 "/>
<text text-anchor="start" x="3483.13" y="-2901.26" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3483.13" y="-2886.26" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
</g>
<!-- n118&#45;&gt;n10695 -->
<g id="edge521" class="edge"><title>n118&#45;&gt;n10695</title>
<path fill="none" stroke="black" d="M2912.63,-3133.36C2912.63,-3133.36 2912.63,-3075 2912.63,-3075 2912.63,-3075 3482.27,-3075 3482.27,-3075 3482.27,-3075 3482.27,-3001.76 3482.27,-2954.84"/>
<polygon fill="black" stroke="black" points="2912.63,-3133.36 2916.63,-3139.36 2912.63,-3145.36 2908.63,-3139.36 2912.63,-3133.36"/>
</g>
<!-- n119&#45;&gt;n66 -->
<g id="edge522" class="edge"><title>n119&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2303.67,-3766.73C2303.67,-3740.38 2303.67,-3696 2303.67,-3696 2303.67,-3696 2355.4,-3696 2355.4,-3696 2355.4,-3696 2355.4,-3481 2355.4,-3481 2355.4,-3481 1758.76,-3481 1758.76,-3481 1758.76,-3481 1758.76,-3395 1758.76,-3395 1758.76,-3395 2099.65,-3395 2099.65,-3395 2099.65,-3395 2099.65,-3318 2099.65,-3318 2099.65,-3318 2343.05,-3318 2343.05,-3318 2343.05,-3318 2343.05,-3281 2343.05,-3281"/>
<polygon fill="red" stroke="red" points="2346.55,-3281 2343.05,-3271 2339.55,-3281 2346.55,-3281"/>
<text text-anchor="middle" x="1865.67" y="-3484.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n119&#45;&gt;n92 -->
<g id="edge523" class="edge"><title>n119&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2299.98,-3766.53C2299.98,-3741.52 2299.98,-3701 2299.98,-3701 2299.98,-3701 2360.22,-3701 2360.22,-3701 2360.22,-3701 2360.22,-3435 2360.22,-3435 2360.22,-3435 3461.13,-3435 3461.13,-3435 3461.13,-3435 3461.13,-3134 3461.13,-3134 3461.13,-3134 2342.65,-3134 2342.65,-3134"/>
<polygon fill="red" stroke="red" points="2342.65,-3130.5 2332.65,-3134 2342.65,-3137.5 2342.65,-3130.5"/>
<text text-anchor="middle" x="3456.53" y="-3423.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10706 -->
<g id="node220" class="node"><title>n10706</title>
<polygon fill="#97ffff" stroke="black" points="2303.03,-4257.43 2303.03,-4348.43 2481.03,-4348.43 2481.03,-4257.43 2303.03,-4257.43"/>
<text text-anchor="middle" x="2392.03" y="-4333.23" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2392.03" y="-4318.23" font-family="Times New Roman,serif" font-size="14.00">LiveDisplay</text>
<polyline fill="none" stroke="black" points="2303.03,-4310.43 2481.03,-4310.43 "/>
<text text-anchor="start" x="2311.03" y="-4295.23" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2311.03" y="-4280.23" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2311.03" y="-4265.23" font-family="Times New Roman,serif" font-size="14.00">&#45;updateShowing()</text>
</g>
<!-- n119&#45;&gt;n10706 -->
<g id="edge524" class="edge"><title>n119&#45;&gt;n10706</title>
<path fill="none" stroke="black" d="M2203.31,-3817.14C2203.31,-3817.14 2203.31,-3861 2203.31,-3861 2203.31,-3861 2478.84,-3861 2478.84,-3861 2478.84,-3861 2478.84,-4144.39 2478.84,-4257.3"/>
<polygon fill="black" stroke="black" points="2203.32,-3817.14 2199.32,-3811.14 2203.31,-3805.14 2207.32,-3811.14 2203.32,-3817.14"/>
</g>
<!-- n81&#45;&gt;n66 -->
<g id="edge347" class="edge"><title>n81&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2306.73,-3529.6C2306.73,-3498.37 2306.73,-3440 2306.73,-3440 2306.73,-3440 2701.44,-3440 2701.44,-3440 2701.44,-3440 2701.44,-3313 2701.44,-3313 2701.44,-3313 2406.05,-3313 2406.05,-3313 2406.05,-3313 2406.05,-3280.88 2406.05,-3280.88"/>
<polygon fill="red" stroke="red" points="2409.55,-3280.88 2406.05,-3270.88 2402.55,-3280.88 2409.55,-3280.88"/>
<text text-anchor="middle" x="2654.54" y="-3443.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n81&#45;&gt;n64 -->
<g id="edge346" class="edge"><title>n81&#45;&gt;n64</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2161.6,-3545C2065.04,-3545 1912.92,-3545 1912.92,-3545 1912.92,-3545 1912.92,-3382 1912.92,-3382 1912.92,-3382 1869.34,-3382 1869.34,-3382 1869.34,-3382 1869.34,-3279.81 1869.34,-3279.81"/>
<polygon fill="red" stroke="red" points="1872.84,-3279.81 1869.34,-3269.81 1865.84,-3279.81 1872.84,-3279.81"/>
<text text-anchor="middle" x="1928.92" y="-3503.75" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n81&#45;&gt;n6994 -->
<g id="edge348" class="edge"><title>n81&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2316.95,-3548C2521.5,-3548 3059.97,-3548 3059.97,-3548 3059.97,-3548 3059.97,-3388 3059.97,-3388 3059.97,-3388 2950.8,-3388 2950.8,-3388 2950.8,-3388 2950.8,-3035 2950.8,-3035 2950.8,-3035 2285.87,-3035 2285.87,-3035 2285.87,-3035 2285.87,-3030.41 2285.87,-3030.41"/>
<polygon fill="red" stroke="red" points="2289.37,-3030.41 2285.87,-3020.41 2282.37,-3030.41 2289.37,-3030.41"/>
<text text-anchor="middle" x="2982.8" y="-3371.64" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8633 -->
<g id="node197" class="node"><title>n8633</title>
<polygon fill="#97ffff" stroke="black" points="2030.26,-4080.25 2030.26,-4209.25 2208.26,-4209.25 2208.26,-4080.25 2030.26,-4080.25"/>
<text text-anchor="middle" x="2119.26" y="-4194.05" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2119.26" y="-4179.05" font-family="Times New Roman,serif" font-size="14.00">MenuItem</text>
<polyline fill="none" stroke="black" points="2030.26,-4171.25 2208.26,-4171.25 "/>
<text text-anchor="start" x="2038.26" y="-4156.05" font-family="Times New Roman,serif" font-size="14.00">+selectable : object</text>
<polyline fill="none" stroke="black" points="2030.26,-4148.25 2208.26,-4148.25 "/>
<text text-anchor="start" x="2038.26" y="-4133.05" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2038.26" y="-4118.05" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl(type, props, attrs)</text>
<text text-anchor="start" x="2038.26" y="-4103.05" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="2038.26" y="-4088.05" font-family="Times New Roman,serif" font-size="14.00">&#45;selected(selected)</text>
</g>
<!-- n81&#45;&gt;n8633 -->
<g id="edge349" class="edge"><title>n81&#45;&gt;n8633</title>
<path fill="none" stroke="black" d="M2149.75,-3560C2149.75,-3560 1973.46,-3560 1973.46,-3560 1973.46,-3560 1973.46,-3763 1973.46,-3763 1973.46,-3763 2158.43,-3763 2158.43,-3763 2158.43,-3763 2158.43,-3849 2158.43,-3849 2158.43,-3849 2091.66,-3849 2091.66,-3849 2091.66,-3849 2091.66,-3993.19 2091.66,-4080.21"/>
<polygon fill="black" stroke="black" points="2149.75,-3560 2155.75,-3556 2161.75,-3560 2155.75,-3564 2149.75,-3560"/>
</g>
<!-- n121 -->
<g id="node116" class="node"><title>n121</title>
<polygon fill="aliceblue" stroke="black" points="2374.67,-3590.2 2374.67,-3628.2 2571.67,-3628.2 2571.67,-3590.2 2374.67,-3590.2"/>
<text text-anchor="middle" x="2473.17" y="-3613" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2473.17" y="-3598" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/track&#45;button.js</text>
</g>
<!-- n121&#45;&gt;n66 -->
<g id="edge529" class="edge"><title>n121&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2398.3,-3589.9C2398.3,-3545.72 2398.3,-3441 2398.3,-3441 2398.3,-3441 2700.28,-3441 2700.28,-3441 2700.28,-3441 2700.28,-3314 2700.28,-3314 2700.28,-3314 2401.55,-3314 2401.55,-3314 2401.55,-3314 2401.55,-3281.19 2401.55,-3281.19"/>
<polygon fill="red" stroke="red" points="2405.05,-3281.19 2401.55,-3271.19 2398.05,-3281.19 2405.05,-3281.19"/>
<text text-anchor="middle" x="2732.28" y="-3440.97" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n121&#45;&gt;n83 -->
<g id="edge528" class="edge"><title>n121&#45;&gt;n83</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2379.39,-3589.97C2379.39,-3553.31 2379.39,-3477 2379.39,-3477 2379.39,-3477 1761.87,-3477 1761.87,-3477 1761.87,-3477 1761.87,-3403 1761.87,-3403 1761.87,-3403 2177.58,-3403 2177.58,-3403 2177.58,-3403 2177.58,-3282.36 2177.58,-3282.36"/>
<polygon fill="red" stroke="red" points="2181.08,-3282.36 2177.58,-3272.36 2174.08,-3282.36 2181.08,-3282.36"/>
<text text-anchor="middle" x="1789.94" y="-3480.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n121&#45;&gt;n101 -->
<g id="edge530" class="edge"><title>n121&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2487.35,-3590.1C2487.35,-3582.27 2487.35,-3575 2487.35,-3575 2487.35,-3575 1268.2,-3575 1268.2,-3575 1268.2,-3575 1268.2,-3129 1268.2,-3129 1268.2,-3129 1531.44,-3129 1531.44,-3129 1531.44,-3129 1531.44,-3097 1531.44,-3097 1531.44,-3097 2068.96,-3097 2068.96,-3097 2068.96,-3097 2068.96,-3100.03 2068.96,-3100.03"/>
<polygon fill="red" stroke="red" points="2065.46,-3100.03 2068.96,-3110.03 2072.46,-3100.03 2065.46,-3100.03"/>
<text text-anchor="middle" x="1300.2" y="-3555.02" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10750 -->
<g id="node222" class="node"><title>n10750</title>
<polygon fill="#97ffff" stroke="black" points="2807.23,-4129.91 2807.23,-4190.91 2985.23,-4190.91 2985.23,-4129.91 2807.23,-4129.91"/>
<text text-anchor="middle" x="2896.23" y="-4175.71" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2896.23" y="-4160.71" font-family="Times New Roman,serif" font-size="14.00">TrackButton</text>
<polyline fill="none" stroke="black" points="2807.23,-4152.91 2985.23,-4152.91 "/>
<text text-anchor="start" x="2815.23" y="-4137.71" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
</g>
<!-- n121&#45;&gt;n10750 -->
<g id="edge531" class="edge"><title>n121&#45;&gt;n10750</title>
<path fill="none" stroke="black" d="M2550.77,-3640.33C2550.77,-3640.33 2550.77,-3682 2550.77,-3682 2550.77,-3682 2928.5,-3682 2928.5,-3682 2928.5,-3682 2928.5,-3836 2928.5,-3836 2928.5,-3836 3049.62,-3836 3049.62,-3836 3049.62,-3836 3049.62,-4157 3049.62,-4157 3049.62,-4157 3019.21,-4157 2985.46,-4157"/>
<polygon fill="black" stroke="black" points="2550.77,-3640.33 2546.77,-3634.33 2550.77,-3628.33 2554.77,-3634.33 2550.77,-3640.33"/>
</g>
<!-- n122&#45;&gt;n66 -->
<g id="edge533" class="edge"><title>n122&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2040.17,-3675C1882.03,-3675 1627.01,-3675 1627.01,-3675 1627.01,-3675 1627.01,-3479 1627.01,-3479 1627.01,-3479 1740.12,-3479 1740.12,-3479 1740.12,-3479 1740.12,-3395 1740.12,-3395 1740.12,-3395 2105.89,-3395 2105.89,-3395 2105.89,-3395 2105.89,-3317 2105.89,-3317 2105.89,-3317 2347.55,-3317 2347.55,-3317 2347.55,-3317 2347.55,-3281.07 2347.55,-3281.07"/>
<polygon fill="red" stroke="red" points="2351.05,-3281.07 2347.55,-3271.07 2344.05,-3281.07 2351.05,-3281.07"/>
<text text-anchor="middle" x="1772.12" y="-3426.25" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n122&#45;&gt;n79 -->
<g id="edge534" class="edge"><title>n122&#45;&gt;n79</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2285.52,-3667C2313.99,-3667 2336.14,-3667 2336.14,-3667 2336.14,-3667 2336.14,-3466 2336.14,-3466 2336.14,-3466 1918.12,-3466 1918.12,-3466"/>
<polygon fill="red" stroke="red" points="1918.12,-3462.5 1908.12,-3466 1918.12,-3469.5 1918.12,-3462.5"/>
<text text-anchor="middle" x="2220.94" y="-3469.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n122&#45;&gt;n101 -->
<g id="edge532" class="edge"><title>n122&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2040.1,-3696C1733.1,-3696 955.924,-3696 955.924,-3696 955.924,-3696 955.924,-3124 955.924,-3124 955.924,-3124 1538.57,-3124 1538.57,-3124 1538.57,-3124 1538.57,-3097 1538.57,-3097 1538.57,-3097 2075.22,-3097 2075.22,-3097 2075.22,-3097 2075.22,-3100.03 2075.22,-3100.03"/>
<polygon fill="red" stroke="red" points="2071.72,-3100.03 2075.22,-3110.03 2078.72,-3100.03 2071.72,-3100.03"/>
<text text-anchor="middle" x="923.924" y="-3381.22" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n122&#45;&gt;n123 -->
<g id="edge536" class="edge"><title>n122&#45;&gt;n123</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2285.37,-3692C2327.86,-3692 2365.04,-3692 2365.04,-3692 2365.04,-3692 2365.04,-3448 2365.04,-3448 2365.04,-3448 2714.26,-3448 2714.26,-3448 2714.26,-3448 2714.26,-3375.37 2714.26,-3375.37"/>
<polygon fill="red" stroke="red" points="2717.76,-3375.37 2714.26,-3365.37 2710.76,-3375.37 2717.76,-3375.37"/>
<text text-anchor="middle" x="2382.14" y="-3436.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n139 -->
<g id="node134" class="node"><title>n139</title>
<polygon fill="aliceblue" stroke="black" points="2403.03,-3462.11 2403.03,-3546.11 2684.03,-3546.11 2684.03,-3462.11 2403.03,-3462.11"/>
<text text-anchor="middle" x="2543.53" y="-3530.91" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2543.53" y="-3515.91" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/volume&#45;control/volume&#45;bar.js</text>
<polyline fill="none" stroke="black" points="2403.03,-3508.11 2684.03,-3508.11 "/>
<text text-anchor="start" x="2411.03" y="-3492.91" font-family="Times New Roman,serif" font-size="14.00">+playerEvent : string = volumechange</text>
<polyline fill="none" stroke="black" points="2403.03,-3485.11 2684.03,-3485.11 "/>
<text text-anchor="start" x="2411.03" y="-3469.91" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n122&#45;&gt;n139 -->
<g id="edge537" class="edge"><title>n122&#45;&gt;n139</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2285.51,-3672C2412.73,-3672 2593.16,-3672 2593.16,-3672 2593.16,-3672 2593.16,-3556.47 2593.16,-3556.47"/>
<polygon fill="red" stroke="red" points="2596.66,-3556.47 2593.16,-3546.47 2589.66,-3556.47 2596.66,-3556.47"/>
<text text-anchor="middle" x="2465.1" y="-3675.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n78 -->
<g id="node146" class="node"><title>n78</title>
<polygon fill="aliceblue" stroke="black" points="1975.01,-3592 1975.01,-3630 2156.01,-3630 2156.01,-3592 1975.01,-3592"/>
<text text-anchor="middle" x="2065.51" y="-3614.8" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2065.51" y="-3599.8" font-family="Times New Roman,serif" font-size="14.00">src/js/popup/popup&#45;button.js</text>
</g>
<!-- n122&#45;&gt;n78 -->
<g id="edge535" class="edge"><title>n122&#45;&gt;n78</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2098.12,-3660.41C2098.12,-3660.41 2098.12,-3640.04 2098.12,-3640.04"/>
<polygon fill="red" stroke="red" points="2101.62,-3640.04 2098.12,-3630.04 2094.62,-3640.04 2101.62,-3640.04"/>
<text text-anchor="middle" x="2066.12" y="-3639.03" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10763 -->
<g id="node223" class="node"><title>n10763</title>
<polygon fill="#97ffff" stroke="black" points="2027.45,-4409.3 2027.45,-4613.3 2218.45,-4613.3 2218.45,-4409.3 2027.45,-4409.3"/>
<text text-anchor="middle" x="2122.95" y="-4598.1" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2122.95" y="-4583.1" font-family="Times New Roman,serif" font-size="14.00">VolumeMenuButton</text>
<polyline fill="none" stroke="black" points="2027.45,-4575.3 2218.45,-4575.3 "/>
<text text-anchor="start" x="2035.45" y="-4560.1" font-family="Times New Roman,serif" font-size="14.00">+options.inline : boolean = true</text>
<polyline fill="none" stroke="black" points="2027.45,-4552.3 2218.45,-4552.3 "/>
<text text-anchor="start" x="2035.45" y="-4537.1" font-family="Times New Roman,serif" font-size="14.00">&#45;attachVolumeBarEvents()</text>
<text text-anchor="start" x="2035.45" y="-4522.1" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="2035.45" y="-4507.1" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player)</text>
<text text-anchor="start" x="2035.45" y="-4492.1" font-family="Times New Roman,serif" font-size="14.00">&#45;createPopup()</text>
<text text-anchor="start" x="2035.45" y="-4477.1" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="2035.45" y="-4462.1" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseDown(event)</text>
<text text-anchor="start" x="2035.45" y="-4447.1" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseUp(event)</text>
<text text-anchor="start" x="2035.45" y="-4432.1" font-family="Times New Roman,serif" font-size="14.00">&#45;options.volumeBar()</text>
<text text-anchor="start" x="2035.45" y="-4417.1" font-family="Times New Roman,serif" font-size="14.00">&#45;options.volumeBar.vertical()</text>
</g>
<!-- n122&#45;&gt;n10763 -->
<g id="edge538" class="edge"><title>n122&#45;&gt;n10763</title>
<path fill="none" stroke="black" d="M2098.31,-3748.84C2098.31,-3748.84 2098.31,-3794 2098.31,-3794 2098.31,-3794 1760.9,-3794 1760.9,-3794 1760.9,-3794 1760.9,-4465 1760.9,-4465 1760.9,-4465 1920.09,-4465 2027.35,-4465"/>
<polygon fill="black" stroke="black" points="2098.31,-3748.84 2094.31,-3742.84 2098.31,-3736.84 2102.31,-3742.84 2098.31,-3748.84"/>
</g>
<!-- n123&#45;&gt;n62 -->
<g id="edge539" class="edge"><title>n123&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2900.33,-3355C2924.49,-3355 2943.65,-3355 2943.65,-3355 2943.65,-3355 2943.65,-3096 2943.65,-3096 2943.65,-3096 2926.35,-3096 2926.35,-3096 2926.35,-3096 2926.35,-3112 2926.35,-3112 2926.35,-3112 2367.84,-3112 2367.84,-3112 2367.84,-3112 2367.84,-3022 2367.84,-3022 2367.84,-3022 2189.51,-3022 2189.51,-3022 2189.51,-3022 2189.51,-3005 2189.51,-3005 2189.51,-3005 2144.19,-3005 2144.19,-3005 2144.19,-3005 2144.19,-3182 2144.19,-3182 2144.19,-3182 2139.22,-3182 2139.22,-3182"/>
<polygon fill="red" stroke="red" points="2139.22,-3178.5 2129.22,-3182 2139.22,-3185.5 2139.22,-3178.5"/>
<text text-anchor="middle" x="2558.6" y="-3100.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n123&#45;&gt;n66 -->
<g id="edge540" class="edge"><title>n123&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2705.83,-3311C2585.71,-3311 2397.05,-3311 2397.05,-3311 2397.05,-3311 2397.05,-3280.91 2397.05,-3280.91"/>
<polygon fill="red" stroke="red" points="2400.55,-3280.91 2397.05,-3270.91 2393.55,-3280.91 2400.55,-3280.91"/>
<text text-anchor="middle" x="2568.39" y="-3314.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n123&#45;&gt;n92 -->
<g id="edge541" class="edge"><title>n123&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2710.41,-3303.79C2710.41,-3247.49 2710.41,-3134 2710.41,-3134 2710.41,-3134 2342.51,-3134 2342.51,-3134"/>
<polygon fill="red" stroke="red" points="2342.51,-3130.5 2332.51,-3134 2342.51,-3137.5 2342.51,-3130.5"/>
<text text-anchor="middle" x="2579.35" y="-3122.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10814 -->
<g id="node224" class="node"><title>n10814</title>
<polygon fill="#97ffff" stroke="black" points="3640.15,-3519.62 3640.15,-3625.62 3818.15,-3625.62 3818.15,-3519.62 3640.15,-3519.62"/>
<text text-anchor="middle" x="3729.15" y="-3610.42" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3729.15" y="-3595.42" font-family="Times New Roman,serif" font-size="14.00">MuteToggle</text>
<polyline fill="none" stroke="black" points="3640.15,-3587.62 3818.15,-3587.62 "/>
<text text-anchor="start" x="3648.15" y="-3572.42" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3648.15" y="-3557.42" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3648.15" y="-3542.42" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="3648.15" y="-3527.42" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n123&#45;&gt;n10814 -->
<g id="edge542" class="edge"><title>n123&#45;&gt;n10814</title>
<path fill="none" stroke="black" d="M2912.23,-3360C2912.23,-3360 3216.33,-3360 3216.33,-3360 3216.33,-3360 3216.33,-3390 3216.33,-3390 3216.33,-3390 3695.25,-3390 3695.25,-3390 3695.25,-3390 3695.25,-3465.4 3695.25,-3519.31"/>
<polygon fill="black" stroke="black" points="2912.23,-3360 2906.23,-3364 2900.23,-3360 2906.23,-3356 2912.23,-3360"/>
</g>
<!-- n124&#45;&gt;n66 -->
<g id="edge544" class="edge"><title>n124&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2029.37,-3804.18C2029.37,-3759.33 2029.37,-3651 2029.37,-3651 2029.37,-3651 2331.33,-3651 2331.33,-3651 2331.33,-3651 2331.33,-3447 2331.33,-3447 2331.33,-3447 2716.99,-3447 2716.99,-3447 2716.99,-3447 2716.99,-3377 2716.99,-3377 2716.99,-3377 3028.26,-3377 3028.26,-3377 3028.26,-3377 3028.26,-3135 3028.26,-3135 3028.26,-3135 2857.75,-3135 2857.75,-3135 2857.75,-3135 2857.75,-3121 2857.75,-3121 2857.75,-3121 2338.51,-3121 2338.51,-3121 2338.51,-3121 2338.51,-3222.85 2338.51,-3222.85"/>
<polygon fill="red" stroke="red" points="2335.01,-3222.85 2338.51,-3232.85 2342.01,-3222.85 2335.01,-3222.85"/>
<text text-anchor="middle" x="2807.02" y="-3380.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n124&#45;&gt;n101 -->
<g id="edge545" class="edge"><title>n124&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1940.72,-3804.24C1940.72,-3772.94 1940.72,-3714 1940.72,-3714 1940.72,-3714 952.377,-3714 952.377,-3714 952.377,-3714 952.377,-3126 952.377,-3126 952.377,-3126 1502.91,-3126 1502.91,-3126 1502.91,-3126 1502.91,-3093 1502.91,-3093 1502.91,-3093 2102.93,-3093 2102.93,-3093 2102.93,-3093 2102.93,-3099.76 2102.93,-3099.76"/>
<polygon fill="red" stroke="red" points="2099.43,-3099.76 2102.93,-3109.76 2106.43,-3099.76 2099.43,-3099.76"/>
<text text-anchor="middle" x="920.377" y="-3352.94" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n124&#45;&gt;n121 -->
<g id="edge543" class="edge"><title>n124&#45;&gt;n121</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2156.62,-3811C2310.82,-3811 2510.96,-3811 2510.96,-3811 2510.96,-3811 2510.96,-3638.55 2510.96,-3638.55"/>
<polygon fill="red" stroke="red" points="2514.46,-3638.55 2510.96,-3628.55 2507.46,-3638.55 2514.46,-3638.55"/>
<text text-anchor="middle" x="2388.02" y="-3799.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n125 -->
<g id="node150" class="node"><title>n125</title>
<polygon fill="aliceblue" stroke="black" points="1519.69,-3741.4 1519.69,-3779.4 1890.69,-3779.4 1890.69,-3741.4 1519.69,-3741.4"/>
<text text-anchor="middle" x="1705.19" y="-3764.2" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1705.19" y="-3749.2" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/audio&#45;track&#45;controls/audio&#45;track&#45;menu&#45;item.js</text>
</g>
<!-- n124&#45;&gt;n125 -->
<g id="edge546" class="edge"><title>n124&#45;&gt;n125</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1848.53,-3804.07C1848.53,-3804.07 1848.53,-3789.49 1848.53,-3789.49"/>
<polygon fill="red" stroke="red" points="1852.03,-3789.49 1848.53,-3779.49 1845.03,-3789.49 1852.03,-3789.49"/>
<text text-anchor="middle" x="1816.53" y="-3785.58" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10842 -->
<g id="node225" class="node"><title>n10842</title>
<polygon fill="#97ffff" stroke="black" points="1803.5,-4522.84 1803.5,-4628.84 1931.5,-4628.84 1931.5,-4522.84 1803.5,-4522.84"/>
<text text-anchor="middle" x="1867.5" y="-4613.64" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1867.5" y="-4598.64" font-family="Times New Roman,serif" font-size="14.00">AudioTrackButton</text>
<polyline fill="none" stroke="black" points="1803.5,-4590.84 1931.5,-4590.84 "/>
<text text-anchor="start" x="1811.5" y="-4575.64" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="1811.5" y="-4560.64" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player)</text>
<text text-anchor="start" x="1811.5" y="-4545.64" font-family="Times New Roman,serif" font-size="14.00">&#45;createItems()</text>
<text text-anchor="start" x="1811.5" y="-4530.64" font-family="Times New Roman,serif" font-size="14.00">&#45;options.tracks()</text>
</g>
<!-- n124&#45;&gt;n10842 -->
<g id="edge547" class="edge"><title>n124&#45;&gt;n10842</title>
<path fill="none" stroke="black" d="M1992.16,-3854.44C1992.16,-3854.44 1992.16,-4568 1992.16,-4568 1992.16,-4568 1962.2,-4568 1931.66,-4568"/>
<polygon fill="black" stroke="black" points="1992.17,-3854.44 1988.16,-3848.44 1992.16,-3842.44 1996.16,-3848.44 1992.17,-3854.44"/>
</g>
<!-- n120&#45;&gt;n62 -->
<g id="edge525" class="edge"><title>n120&#45;&gt;n62</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2681.6,-3106.67C2681.6,-3174.99 2681.6,-3334 2681.6,-3334 2681.6,-3334 2618.28,-3334 2618.28,-3334 2618.28,-3334 2618.28,-3324 2618.28,-3324 2618.28,-3324 2093.4,-3324 2093.4,-3324 2093.4,-3324 2093.4,-3218.83 2093.4,-3218.83"/>
<polygon fill="red" stroke="red" points="2096.9,-3218.83 2093.4,-3208.83 2089.9,-3218.83 2096.9,-3218.83"/>
<text text-anchor="middle" x="2421.58" y="-3312.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n120&#45;&gt;n66 -->
<g id="edge526" class="edge"><title>n120&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2669.57,-3106.61C2669.57,-3150.71 2669.57,-3227 2669.57,-3227 2669.57,-3227 2413.47,-3227 2413.47,-3227 2413.47,-3227 2413.47,-3227.58 2413.47,-3227.58"/>
<polygon fill="red" stroke="red" points="2409.97,-3222.77 2413.47,-3232.77 2416.97,-3222.77 2409.97,-3222.77"/>
<text text-anchor="middle" x="2569.43" y="-3215.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10729 -->
<g id="node221" class="node"><title>n10729</title>
<polygon fill="#97ffff" stroke="black" points="3327.95,-2708.94 3327.95,-2829.94 3505.95,-2829.94 3505.95,-2708.94 3327.95,-2708.94"/>
<text text-anchor="middle" x="3416.95" y="-2814.74" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3416.95" y="-2799.74" font-family="Times New Roman,serif" font-size="14.00">PlayToggle</text>
<polyline fill="none" stroke="black" points="3327.95,-2791.94 3505.95,-2791.94 "/>
<text text-anchor="start" x="3335.95" y="-2776.74" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3335.95" y="-2761.74" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3335.95" y="-2746.74" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="3335.95" y="-2731.74" font-family="Times New Roman,serif" font-size="14.00">&#45;handlePause()</text>
<text text-anchor="start" x="3335.95" y="-2716.74" font-family="Times New Roman,serif" font-size="14.00">&#45;handlePlay()</text>
</g>
<!-- n120&#45;&gt;n10729 -->
<g id="edge527" class="edge"><title>n120&#45;&gt;n10729</title>
<path fill="none" stroke="black" d="M2828.64,-3073C2828.64,-3073 3449.12,-3073 3449.12,-3073 3449.12,-3073 3449.12,-2918.73 3449.12,-2830.14"/>
<polygon fill="black" stroke="black" points="2828.64,-3073 2822.64,-3077 2816.64,-3073 2822.64,-3069 2828.64,-3073"/>
</g>
<!-- n126 -->
<g id="node121" class="node"><title>n126</title>
<polygon fill="aliceblue" stroke="black" points="3218.1,-3565.57 3218.1,-3626.57 3598.1,-3626.57 3598.1,-3565.57 3218.1,-3565.57"/>
<text text-anchor="middle" x="3408.1" y="-3611.37" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3408.1" y="-3596.37" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/playback&#45;rate&#45;menu/playback&#45;rate&#45;menu&#45;item.js</text>
<polyline fill="none" stroke="black" points="3218.1,-3588.57 3598.1,-3588.57 "/>
<text text-anchor="start" x="3226.1" y="-3573.37" font-family="Times New Roman,serif" font-size="14.00">+contentElType : string = button</text>
</g>
<!-- n126&#45;&gt;n66 -->
<g id="edge553" class="edge"><title>n126&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3566.01,-3565.49C3566.01,-3539.04 3566.01,-3505 3566.01,-3505 3566.01,-3505 3691.83,-3505 3691.83,-3505 3691.83,-3505 3691.83,-3411 3691.83,-3411 3691.83,-3411 3439.12,-3411 3439.12,-3411 3439.12,-3411 3439.12,-3340 3439.12,-3340 3439.12,-3340 3017.4,-3340 3017.4,-3340 3017.4,-3340 3017.4,-3283 3017.4,-3283 3017.4,-3283 2677.59,-3283 2677.59,-3283 2677.59,-3283 2677.59,-3308 2677.59,-3308 2677.59,-3308 2374.55,-3308 2374.55,-3308 2374.55,-3308 2374.55,-3281.19 2374.55,-3281.19"/>
<polygon fill="red" stroke="red" points="2378.05,-3281.19 2374.55,-3271.19 2371.05,-3281.19 2378.05,-3281.19"/>
<text text-anchor="middle" x="3122.44" y="-3343.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n126&#45;&gt;n81 -->
<g id="edge552" class="edge"><title>n126&#45;&gt;n81</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3247.51,-3565.46C3247.51,-3557.94 3247.51,-3552 3247.51,-3552 3247.51,-3552 2327.23,-3552 2327.23,-3552"/>
<polygon fill="red" stroke="red" points="2327.23,-3548.5 2317.23,-3552 2327.23,-3555.5 2327.23,-3548.5"/>
<text text-anchor="middle" x="2826.1" y="-3555.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10881 -->
<g id="node227" class="node"><title>n10881</title>
<polygon fill="#97ffff" stroke="black" points="4071,-3867.41 4071,-3996.41 4249,-3996.41 4249,-3867.41 4071,-3867.41"/>
<text text-anchor="middle" x="4160" y="-3981.21" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="4160" y="-3966.21" font-family="Times New Roman,serif" font-size="14.00">PlaybackRateMenuItem</text>
<polyline fill="none" stroke="black" points="4071,-3958.41 4249,-3958.41 "/>
<text text-anchor="start" x="4079" y="-3943.21" font-family="Times New Roman,serif" font-size="14.00">+label : object</text>
<polyline fill="none" stroke="black" points="4071,-3935.41 4249,-3935.41 "/>
<text text-anchor="start" x="4079" y="-3920.21" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="4079" y="-3905.21" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="4079" y="-3890.21" font-family="Times New Roman,serif" font-size="14.00">&#45;rate(label, 10)</text>
<text text-anchor="start" x="4079" y="-3875.21" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n126&#45;&gt;n10881 -->
<g id="edge554" class="edge"><title>n126&#45;&gt;n10881</title>
<path fill="none" stroke="black" d="M3580.91,-3638.59C3580.91,-3638.59 3580.91,-3954 3580.91,-3954 3580.91,-3954 3908.35,-3954 4070.79,-3954"/>
<polygon fill="black" stroke="black" points="3580.91,-3638.59 3576.91,-3632.59 3580.91,-3626.59 3584.91,-3632.59 3580.91,-3638.59"/>
</g>
<!-- n127&#45;&gt;n66 -->
<g id="edge558" class="edge"><title>n127&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2922.06,-3768C3252.03,-3768 3882.41,-3768 3882.41,-3768 3882.41,-3768 3882.41,-3230 3882.41,-3230 3882.41,-3230 2401.32,-3230 2401.32,-3230 2401.32,-3230 2401.32,-3230.27 2401.32,-3230.27"/>
<polygon fill="red" stroke="red" points="2397.82,-3222.68 2401.32,-3232.68 2404.82,-3222.68 2397.82,-3222.68"/>
<text text-anchor="middle" x="3850.41" y="-3242.29" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n127&#45;&gt;n82 -->
<g id="edge556" class="edge"><title>n127&#45;&gt;n82</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2529.84,-3759C2305.99,-3759 1970.38,-3759 1970.38,-3759 1970.38,-3759 1970.38,-3547.18 1970.38,-3547.18"/>
<polygon fill="red" stroke="red" points="1973.88,-3547.18 1970.38,-3537.18 1966.88,-3547.18 1973.88,-3547.18"/>
<text text-anchor="middle" x="2112.19" y="-3762.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n127&#45;&gt;n83 -->
<g id="edge555" class="edge"><title>n127&#45;&gt;n83</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2582.42,-3747.24C2582.42,-3690.4 2582.42,-3574 2582.42,-3574 2582.42,-3574 1277.45,-3574 1277.45,-3574 1277.45,-3574 1277.45,-3349 1277.45,-3349 1277.45,-3349 1558.28,-3349 1558.28,-3349 1558.28,-3349 1558.28,-3396 1558.28,-3396 1558.28,-3396 2171,-3396 2171,-3396 2171,-3396 2171,-3282.34 2171,-3282.34"/>
<polygon fill="red" stroke="red" points="2174.5,-3282.34 2171,-3272.34 2167.5,-3282.34 2174.5,-3282.34"/>
<text text-anchor="middle" x="1344.94" y="-3577.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n127&#45;&gt;n126 -->
<g id="edge557" class="edge"><title>n127&#45;&gt;n126</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2922.17,-3765C3123.6,-3765 3407.71,-3765 3407.71,-3765 3407.71,-3765 3407.71,-3636.66 3407.71,-3636.66"/>
<polygon fill="red" stroke="red" points="3411.21,-3636.66 3407.71,-3626.66 3404.21,-3636.66 3411.21,-3636.66"/>
<text text-anchor="middle" x="3197.11" y="-3768.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n127&#45;&gt;n92 -->
<g id="edge559" class="edge"><title>n127&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2921.98,-3772C3252.26,-3772 3883.84,-3772 3883.84,-3772 3883.84,-3772 3883.84,-3133 3883.84,-3133 3883.84,-3133 2342.42,-3133 2342.42,-3133"/>
<polygon fill="red" stroke="red" points="2342.42,-3129.5 2332.42,-3133 2342.42,-3136.5 2342.42,-3129.5"/>
<text text-anchor="middle" x="3851.84" y="-3166.52" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10899 -->
<g id="node257" class="node"><title>n10899</title>
<polygon fill="#97ffff" stroke="black" points="2947.07,-4542.96 2947.07,-4738.96 3125.07,-4738.96 3125.07,-4542.96 2947.07,-4542.96"/>
<text text-anchor="middle" x="3036.07" y="-4723.76" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3036.07" y="-4708.76" font-family="Times New Roman,serif" font-size="14.00">PlaybackRateMenuButton</text>
<polyline fill="none" stroke="black" points="2947.07,-4700.96 3125.07,-4700.96 "/>
<text text-anchor="start" x="2955.07" y="-4685.76" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="2955.07" y="-4670.76" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2955.07" y="-4655.76" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2955.07" y="-4640.76" font-family="Times New Roman,serif" font-size="14.00">&#45;createMenu()</text>
<text text-anchor="start" x="2955.07" y="-4625.76" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="2955.07" y="-4610.76" font-family="Times New Roman,serif" font-size="14.00">&#45;playbackRateSupported()</text>
<text text-anchor="start" x="2955.07" y="-4595.76" font-family="Times New Roman,serif" font-size="14.00">&#45;playbackRates()</text>
<text text-anchor="start" x="2955.07" y="-4580.76" font-family="Times New Roman,serif" font-size="14.00">&#45;updateARIAAttributes()</text>
<text text-anchor="start" x="2955.07" y="-4565.76" font-family="Times New Roman,serif" font-size="14.00">&#45;updateLabel()</text>
<text text-anchor="start" x="2955.07" y="-4550.76" font-family="Times New Roman,serif" font-size="14.00">&#45;updateVisibility()</text>
</g>
<!-- n127&#45;&gt;n10899 -->
<g id="edge560" class="edge"><title>n127&#45;&gt;n10899</title>
<path fill="none" stroke="black" d="M2933.98,-3793C2933.98,-3793 3089.86,-3793 3089.86,-3793 3089.86,-3793 3089.86,-4319.65 3089.86,-4542.86"/>
<polygon fill="black" stroke="black" points="2933.98,-3793 2927.98,-3797 2921.98,-3793 2927.98,-3789 2933.98,-3793"/>
</g>
<!-- n129 -->
<g id="node124" class="node"><title>n129</title>
<polygon fill="aliceblue" stroke="black" points="3276.93,-3499.75 3276.93,-3537.75 3533.93,-3537.75 3533.93,-3499.75 3276.93,-3499.75"/>
<text text-anchor="middle" x="3405.43" y="-3522.55" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3405.43" y="-3507.55" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/spacer&#45;controls/spacer.js</text>
</g>
<!-- n129&#45;&gt;n66 -->
<g id="edge564" class="edge"><title>n129&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3298.42,-3499.44C3298.42,-3479.73 3298.42,-3452 3298.42,-3452 3298.42,-3452 2708.81,-3452 2708.81,-3452 2708.81,-3452 2708.81,-3405 2708.81,-3405 2708.81,-3405 2703.76,-3405 2703.76,-3405 2703.76,-3405 2703.76,-3315 2703.76,-3315 2703.76,-3315 2379.05,-3315 2379.05,-3315 2379.05,-3315 2379.05,-3281.16 2379.05,-3281.16"/>
<polygon fill="red" stroke="red" points="2382.55,-3281.16 2379.05,-3271.16 2375.55,-3281.16 2382.55,-3281.16"/>
<text text-anchor="middle" x="2809.04" y="-3440.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10968 -->
<g id="node230" class="node"><title>n10968</title>
<polygon fill="#97ffff" stroke="black" points="3888.12,-3849.75 3888.12,-3925.75 4012.12,-3925.75 4012.12,-3849.75 3888.12,-3849.75"/>
<text text-anchor="middle" x="3950.12" y="-3910.55" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3950.12" y="-3895.55" font-family="Times New Roman,serif" font-size="14.00">Spacer</text>
<polyline fill="none" stroke="black" points="3888.12,-3887.75 4012.12,-3887.75 "/>
<text text-anchor="start" x="3896.12" y="-3872.55" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3896.12" y="-3857.55" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n129&#45;&gt;n10968 -->
<g id="edge565" class="edge"><title>n129&#45;&gt;n10968</title>
<path fill="none" stroke="black" d="M3546.05,-3512C3546.05,-3512 3916.45,-3512 3916.45,-3512 3916.45,-3512 3916.45,-3754.12 3916.45,-3849.65"/>
<polygon fill="black" stroke="black" points="3546.05,-3512 3540.05,-3516 3534.05,-3512 3540.05,-3508 3546.05,-3512"/>
</g>
<!-- n130&#45;&gt;n66 -->
<g id="edge567" class="edge"><title>n130&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2370.94,-3214.6C2370.94,-3214.6 2370.94,-3222.71 2370.94,-3222.71"/>
<polygon fill="red" stroke="red" points="2367.44,-3222.71 2370.94,-3232.71 2374.44,-3222.71 2367.44,-3222.71"/>
<text text-anchor="middle" x="2338.94" y="-3207.46" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130&#45;&gt;n82 -->
<g id="edge570" class="edge"><title>n130&#45;&gt;n82</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2469.42,-3214.61C2469.42,-3248.94 2469.42,-3294 2469.42,-3294 2469.42,-3294 2184.16,-3294 2184.16,-3294 2184.16,-3294 2184.16,-3404 2184.16,-3404 2184.16,-3404 1755.65,-3404 1755.65,-3404 1755.65,-3404 1755.65,-3487 1755.65,-3487 1755.65,-3487 2047.91,-3487 2047.91,-3487 2047.91,-3487 2047.91,-3488.84 2047.91,-3488.84"/>
<polygon fill="red" stroke="red" points="2044.41,-3488.84 2047.91,-3498.84 2051.41,-3488.84 2044.41,-3488.84"/>
<text text-anchor="middle" x="1986.69" y="-3407.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130&#45;&gt;n100 -->
<g id="edge573" class="edge"><title>n130&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2483.02,-3214.69C2483.02,-3257.81 2483.02,-3322 2483.02,-3322 2483.02,-3322 2041.16,-3322 2041.16,-3322"/>
<polygon fill="red" stroke="red" points="2041.16,-3318.5 2031.16,-3322 2041.16,-3325.5 2041.16,-3318.5"/>
<text text-anchor="middle" x="2347.75" y="-3310.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130&#45;&gt;n101 -->
<g id="edge572" class="edge"><title>n130&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2340.49,-3195C2247.29,-3195 2148.39,-3195 2148.39,-3195 2148.39,-3195 2148.39,-3135 2148.39,-3135 2148.39,-3135 2147.42,-3135 2147.42,-3135"/>
<polygon fill="red" stroke="red" points="2148.71,-3131.5 2138.71,-3135 2148.71,-3138.5 2148.71,-3131.5"/>
<text text-anchor="middle" x="2245.96" y="-3198.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n135 -->
<g id="node130" class="node"><title>n135</title>
<polygon fill="aliceblue" stroke="black" points="2242.02,-3817.28 2242.02,-3855.28 2619.02,-3855.28 2619.02,-3817.28 2242.02,-3817.28"/>
<text text-anchor="middle" x="2430.52" y="-3840.08" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2430.52" y="-3825.08" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/chapters&#45;track&#45;menu&#45;item.js</text>
</g>
<!-- n130&#45;&gt;n135 -->
<g id="edge569" class="edge"><title>n130&#45;&gt;n135</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2644.57,-3138.25C2644.57,-3136.22 2644.57,-3135 2644.57,-3135 2644.57,-3135 3039.11,-3135 3039.11,-3135 3039.11,-3135 3039.11,-3350 3039.11,-3350 3039.11,-3350 3063.04,-3350 3063.04,-3350 3063.04,-3350 3063.04,-3560 3063.04,-3560 3063.04,-3560 2700.86,-3560 2700.86,-3560 2700.86,-3560 2700.86,-3646 2700.86,-3646 2700.86,-3646 2517.26,-3646 2517.26,-3646 2517.26,-3646 2517.26,-3806.99 2517.26,-3806.99"/>
<polygon fill="red" stroke="red" points="2513.76,-3806.99 2517.26,-3816.99 2520.76,-3806.99 2513.76,-3806.99"/>
<text text-anchor="middle" x="3095.04" y="-3536.82" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130&#45;&gt;n136 -->
<g id="edge568" class="edge"><title>n130&#45;&gt;n136</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2478.49,-3214.6C2478.49,-3248.26 2478.49,-3292 2478.49,-3292 2478.49,-3292 2210.47,-3292 2210.47,-3292 2210.47,-3292 2210.47,-3410.99 2210.47,-3410.99"/>
<polygon fill="red" stroke="red" points="2206.97,-3410.99 2210.47,-3420.99 2213.97,-3410.99 2206.97,-3410.99"/>
<text text-anchor="middle" x="2291.69" y="-3295.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n137 -->
<g id="node132" class="node"><title>n137</title>
<polygon fill="aliceblue" stroke="black" points="2727.9,-3393.08 2727.9,-3431.08 3056.9,-3431.08 3056.9,-3393.08 2727.9,-3393.08"/>
<text text-anchor="middle" x="2892.4" y="-3415.88" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2892.4" y="-3400.88" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/text&#45;track&#45;button.js</text>
</g>
<!-- n130&#45;&gt;n137 -->
<g id="edge566" class="edge"><title>n130&#45;&gt;n137</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2661.09,-3214.5C2661.09,-3221.69 2661.09,-3227 2661.09,-3227 2661.09,-3227 2930.07,-3227 2930.07,-3227 2930.07,-3227 2930.07,-3382.97 2930.07,-3382.97"/>
<polygon fill="red" stroke="red" points="2926.57,-3382.97 2930.07,-3392.97 2933.57,-3382.97 2926.57,-3382.97"/>
<text text-anchor="middle" x="2835.32" y="-3230.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130&#45;&gt;n92 -->
<g id="edge571" class="edge"><title>n130&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2340.5,-3166C2340.5,-3166 2339.71,-3166 2339.71,-3166"/>
<polygon fill="red" stroke="red" points="2342.58,-3162.5 2332.58,-3166 2342.58,-3169.5 2342.58,-3162.5"/>
<text text-anchor="middle" x="2308.11" y="-3169.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n130&#45;&gt;n555 -->
<g id="edge574" class="edge"><title>n130&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2340.52,-3197C2251.51,-3197 2158.89,-3197 2158.89,-3197 2158.89,-3197 2158.89,-2969 2158.89,-2969 2158.89,-2969 1929.4,-2969 1929.4,-2969 1929.4,-2969 1929.4,-3005 1929.4,-3005 1929.4,-3005 1900.21,-3005 1900.21,-3005 1900.21,-3005 1900.21,-2912 1900.21,-2912 1900.21,-2912 1628.91,-2912 1628.91,-2912"/>
<polygon fill="red" stroke="red" points="1628.91,-2908.5 1618.91,-2912 1628.91,-2915.5 1628.91,-2908.5"/>
<text text-anchor="middle" x="2066.21" y="-2957.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10976 -->
<g id="node231" class="node"><title>n10976</title>
<polygon fill="#97ffff" stroke="black" points="3486.1,-2996.68 3486.1,-3102.68 3702.1,-3102.68 3702.1,-2996.68 3486.1,-2996.68"/>
<text text-anchor="middle" x="3594.1" y="-3087.48" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3594.1" y="-3072.48" font-family="Times New Roman,serif" font-size="14.00">ChaptersButton</text>
<polyline fill="none" stroke="black" points="3486.1,-3064.68 3702.1,-3064.68 "/>
<text text-anchor="start" x="3494.1" y="-3049.48" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3494.1" y="-3034.48" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
<text text-anchor="start" x="3494.1" y="-3019.48" font-family="Times New Roman,serif" font-size="14.00">&#45;createItems()</text>
<text text-anchor="start" x="3494.1" y="-3004.48" font-family="Times New Roman,serif" font-size="14.00">&#45;createMenu()</text>
</g>
<!-- n130&#45;&gt;n10976 -->
<g id="edge575" class="edge"><title>n130&#45;&gt;n10976</title>
<path fill="none" stroke="black" d="M2605.16,-3126.37C2605.16,-3126.37 2605.16,-3024 2605.16,-3024 2605.16,-3024 3030.03,-3024 3030.03,-3024 3030.03,-3024 3030.03,-3068 3030.03,-3068 3030.03,-3068 3322.22,-3068 3486.01,-3068"/>
<polygon fill="black" stroke="black" points="2605.16,-3126.37 2609.16,-3132.37 2605.16,-3138.37 2601.16,-3132.37 2605.16,-3126.37"/>
</g>
<!-- n131&#45;&gt;n66 -->
<g id="edge577" class="edge"><title>n131&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2704.92,-3459.47C2704.92,-3385.62 2704.92,-3230 2704.92,-3230 2704.92,-3230 2473.96,-3230 2473.96,-3230 2473.96,-3230 2473.96,-3244 2473.96,-3244 2473.96,-3244 2429.72,-3244 2429.72,-3244"/>
<polygon fill="red" stroke="red" points="2429.72,-3240.5 2419.72,-3244 2429.72,-3247.5 2429.72,-3240.5"/>
<text text-anchor="middle" x="2707.06" y="-3233.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n132 -->
<g id="node127" class="node"><title>n132</title>
<polygon fill="aliceblue" stroke="black" points="2658.6,-3947.96 2658.6,-3985.96 3044.6,-3985.96 3044.6,-3947.96 2658.6,-3947.96"/>
<text text-anchor="middle" x="2851.6" y="-3970.76" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2851.6" y="-3955.76" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/caption&#45;settings&#45;menu&#45;item.js</text>
</g>
<!-- n131&#45;&gt;n132 -->
<g id="edge578" class="edge"><title>n131&#45;&gt;n132</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2704.08,-3535.59C2704.08,-3587.74 2704.08,-3675 2704.08,-3675 2704.08,-3675 2926.84,-3675 2926.84,-3675 2926.84,-3675 2926.84,-3937.8 2926.84,-3937.8"/>
<polygon fill="red" stroke="red" points="2923.34,-3937.8 2926.84,-3947.8 2930.34,-3937.8 2923.34,-3937.8"/>
<text text-anchor="middle" x="2909.16" y="-3678.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n131&#45;&gt;n137 -->
<g id="edge576" class="edge"><title>n131&#45;&gt;n137</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2800.28,-3459.3C2800.28,-3459.3 2800.28,-3441.1 2800.28,-3441.1"/>
<polygon fill="red" stroke="red" points="2803.78,-3441.1 2800.28,-3431.1 2796.78,-3441.1 2803.78,-3441.1"/>
<text text-anchor="middle" x="2832.28" y="-3454" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11028 -->
<g id="node232" class="node"><title>n11028</title>
<polygon fill="#97ffff" stroke="black" points="3332.39,-4079.69 3332.39,-4185.69 3548.39,-4185.69 3548.39,-4079.69 3332.39,-4079.69"/>
<text text-anchor="middle" x="3440.39" y="-4170.49" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3440.39" y="-4155.49" font-family="Times New Roman,serif" font-size="14.00">CaptionsButton</text>
<polyline fill="none" stroke="black" points="3332.39,-4147.69 3548.39,-4147.69 "/>
<text text-anchor="start" x="3340.39" y="-4132.49" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3340.39" y="-4117.49" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
<text text-anchor="start" x="3340.39" y="-4102.49" font-family="Times New Roman,serif" font-size="14.00">&#45;createItems()</text>
<text text-anchor="start" x="3340.39" y="-4087.49" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n131&#45;&gt;n11028 -->
<g id="edge579" class="edge"><title>n131&#45;&gt;n11028</title>
<path fill="none" stroke="black" d="M3029.58,-3494C3029.58,-3494 3846.71,-3494 3846.71,-3494 3846.71,-3494 3846.71,-4089 3846.71,-4089 3846.71,-4089 3668.85,-4089 3548.48,-4089"/>
<polygon fill="black" stroke="black" points="3029.58,-3494 3023.58,-3498 3017.58,-3494 3023.59,-3490 3029.58,-3494"/>
</g>
<!-- n132&#45;&gt;n66 -->
<g id="edge581" class="edge"><title>n132&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2658.33,-3966C2565.64,-3966 2474.45,-3966 2474.45,-3966 2474.45,-3966 2474.45,-4077 2474.45,-4077 2474.45,-4077 933.528,-4077 933.528,-4077 933.528,-4077 933.528,-3433 933.528,-3433 933.528,-3433 1532.43,-3433 1532.43,-3433 1532.43,-3433 1532.43,-3402 1532.43,-3402 1532.43,-3402 2197.32,-3402 2197.32,-3402 2197.32,-3402 2197.32,-3325 2197.32,-3325 2197.32,-3325 2329.55,-3325 2329.55,-3325 2329.55,-3325 2329.55,-3281.09 2329.55,-3281.09"/>
<polygon fill="red" stroke="red" points="2333.05,-3281.09 2329.55,-3271.09 2326.05,-3281.09 2333.05,-3281.09"/>
<text text-anchor="middle" x="901.528" y="-3902.74" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n132&#45;&gt;n136 -->
<g id="edge580" class="edge"><title>n132&#45;&gt;n136</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3006.45,-3947.75C3006.45,-3898.94 3006.45,-3774 3006.45,-3774 3006.45,-3774 3616.03,-3774 3616.03,-3774 3616.03,-3774 3616.03,-3496 3616.03,-3496 3616.03,-3496 3025.31,-3496 3025.31,-3496 3025.31,-3496 3025.31,-3457 3025.31,-3457 3025.31,-3457 2276.31,-3457 2276.31,-3457"/>
<polygon fill="red" stroke="red" points="2276.31,-3453.5 2266.31,-3457 2276.31,-3460.5 2276.31,-3453.5"/>
<text text-anchor="middle" x="3425.34" y="-3484.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11051 -->
<g id="node233" class="node"><title>n11051</title>
<polygon fill="#97ffff" stroke="black" points="3204.37,-4646.52 3204.37,-4722.52 3382.37,-4722.52 3382.37,-4646.52 3204.37,-4646.52"/>
<text text-anchor="middle" x="3293.37" y="-4707.32" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3293.37" y="-4692.32" font-family="Times New Roman,serif" font-size="14.00">CaptionSettingsMenuItem</text>
<polyline fill="none" stroke="black" points="3204.37,-4684.52 3382.37,-4684.52 "/>
<text text-anchor="start" x="3212.37" y="-4669.32" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3212.37" y="-4654.32" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
</g>
<!-- n132&#45;&gt;n11051 -->
<g id="edge582" class="edge"><title>n132&#45;&gt;n11051</title>
<path fill="none" stroke="black" d="M3056.91,-3966C3056.91,-3966 3152.79,-3966 3152.79,-3966 3152.79,-3966 3152.79,-4684 3152.79,-4684 3152.79,-4684 3176.44,-4684 3204.34,-4684"/>
<polygon fill="black" stroke="black" points="3056.91,-3966 3050.91,-3970 3044.91,-3966 3050.91,-3962 3056.91,-3966"/>
</g>
<!-- n133&#45;&gt;n66 -->
<g id="edge584" class="edge"><title>n133&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3088.83,-3022C2892.04,-3022 2596.99,-3022 2596.99,-3022 2596.99,-3022 2596.99,-3074 2596.99,-3074 2596.99,-3074 2395.12,-3074 2395.12,-3074 2395.12,-3074 2395.12,-3009 2395.12,-3009 2395.12,-3009 2337.15,-3009 2337.15,-3009 2337.15,-3009 2337.15,-3222.82 2337.15,-3222.82"/>
<polygon fill="red" stroke="red" points="2333.65,-3222.82 2337.15,-3232.82 2340.65,-3222.82 2333.65,-3222.82"/>
<text text-anchor="middle" x="2564.99" y="-3075.21" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n133&#45;&gt;n101 -->
<g id="edge585" class="edge"><title>n133&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3088.87,-3029C2783.57,-3029 2179.45,-3029 2179.45,-3029 2179.45,-3029 2179.45,-2991 2179.45,-2991 2179.45,-2991 2129.88,-2991 2129.88,-2991 2129.88,-2991 2129.88,-3099.85 2129.88,-3099.85"/>
<polygon fill="red" stroke="red" points="2126.38,-3099.85 2129.88,-3109.85 2133.38,-3099.85 2126.38,-3099.85"/>
<text text-anchor="middle" x="2503.95" y="-3032.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n133&#45;&gt;n137 -->
<g id="edge583" class="edge"><title>n133&#45;&gt;n137</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3089.01,-3058C3028.75,-3058 2975.82,-3058 2975.82,-3058 2975.82,-3058 2975.82,-3383.04 2975.82,-3383.04"/>
<polygon fill="red" stroke="red" points="2972.32,-3383.04 2975.82,-3393.04 2979.32,-3383.04 2972.32,-3383.04"/>
<text text-anchor="middle" x="3007.82" y="-3167.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11066 -->
<g id="node234" class="node"><title>n11066</title>
<polygon fill="#97ffff" stroke="black" points="3897.09,-2680.44 3897.09,-2771.44 4113.09,-2771.44 4113.09,-2680.44 3897.09,-2680.44"/>
<text text-anchor="middle" x="4005.09" y="-2756.24" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="4005.09" y="-2741.24" font-family="Times New Roman,serif" font-size="14.00">DescriptionsButton</text>
<polyline fill="none" stroke="black" points="3897.09,-2733.44 4113.09,-2733.44 "/>
<text text-anchor="start" x="3905.09" y="-2718.24" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3905.09" y="-2703.24" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
<text text-anchor="start" x="3905.09" y="-2688.24" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTracksChange(event)</text>
</g>
<!-- n133&#45;&gt;n11066 -->
<g id="edge586" class="edge"><title>n133&#45;&gt;n11066</title>
<path fill="none" stroke="black" d="M3445.62,-2991C3445.62,-2991 4058.2,-2991 4058.2,-2991 4058.2,-2991 4058.2,-2847.29 4058.2,-2771.51"/>
<polygon fill="black" stroke="black" points="3445.62,-2991 3439.62,-2995 3433.62,-2991 3439.62,-2987 3445.62,-2991"/>
</g>
<!-- n134 -->
<g id="node129" class="node"><title>n134</title>
<polygon fill="aliceblue" stroke="black" points="3066.12,-3392.64 3066.12,-3430.64 3437.12,-3430.64 3437.12,-3392.64 3066.12,-3392.64"/>
<text text-anchor="middle" x="3251.62" y="-3415.44" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3251.62" y="-3400.44" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/text&#45;track&#45;controls/off&#45;text&#45;track&#45;menu&#45;item.js</text>
</g>
<!-- n134&#45;&gt;n66 -->
<g id="edge588" class="edge"><title>n134&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3437.27,-3401C3539.33,-3401 3645.42,-3401 3645.42,-3401 3645.42,-3401 3645.42,-3230 3645.42,-3230 3645.42,-3230 2383.09,-3230 2383.09,-3230 2383.09,-3230 2383.09,-3230.27 2383.09,-3230.27"/>
<polygon fill="red" stroke="red" points="2379.59,-3222.68 2383.09,-3232.68 2386.59,-3222.68 2379.59,-3222.68"/>
<text text-anchor="middle" x="3171.69" y="-3218.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n134&#45;&gt;n136 -->
<g id="edge587" class="edge"><title>n134&#45;&gt;n136</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3116.99,-3430.79C3116.99,-3442.4 3116.99,-3455 3116.99,-3455 3116.99,-3455 2276.33,-3455 2276.33,-3455"/>
<polygon fill="red" stroke="red" points="2276.33,-3451.5 2266.33,-3455 2276.33,-3458.5 2276.33,-3451.5"/>
<text text-anchor="middle" x="2676.77" y="-3458.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11092 -->
<g id="node235" class="node"><title>n11092</title>
<polygon fill="#97ffff" stroke="black" points="3929.58,-3487.36 3929.58,-3563.36 4107.58,-3563.36 4107.58,-3487.36 3929.58,-3487.36"/>
<text text-anchor="middle" x="4018.58" y="-3548.16" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="4018.58" y="-3533.16" font-family="Times New Roman,serif" font-size="14.00">OffTextTrackMenuItem</text>
<polyline fill="none" stroke="black" points="3929.58,-3525.36 4107.58,-3525.36 "/>
<text text-anchor="start" x="3937.58" y="-3510.16" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3937.58" y="-3495.16" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTracksChange(event)</text>
</g>
<!-- n134&#45;&gt;n11092 -->
<g id="edge589" class="edge"><title>n134&#45;&gt;n11092</title>
<path fill="none" stroke="black" d="M3319.91,-3442.76C3319.91,-3442.76 3319.91,-3489 3319.91,-3489 3319.91,-3489 3741.03,-3489 3929.38,-3489"/>
<polygon fill="black" stroke="black" points="3319.91,-3442.76 3315.91,-3436.77 3319.91,-3430.76 3323.91,-3436.76 3319.91,-3442.76"/>
</g>
<!-- n135&#45;&gt;n66 -->
<g id="edge591" class="edge"><title>n135&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2523.57,-3816.99C2523.57,-3774.99 2523.57,-3679 2523.57,-3679 2523.57,-3679 2707.3,-3679 2707.3,-3679 2707.3,-3679 2707.3,-3558 2707.3,-3558 2707.3,-3558 3064.58,-3558 3064.58,-3558 3064.58,-3558 3064.58,-3345 3064.58,-3345 3064.58,-3345 3033.69,-3345 3033.69,-3345 3033.69,-3345 3033.69,-3279 3033.69,-3279 3033.69,-3279 2685.61,-3279 2685.61,-3279 2685.61,-3279 2685.61,-3305 2685.61,-3305 2685.61,-3305 2464.89,-3305 2464.89,-3305 2464.89,-3305 2464.89,-3249 2464.89,-3249 2464.89,-3249 2429.57,-3249 2429.57,-3249"/>
<polygon fill="red" stroke="red" points="2429.57,-3245.5 2419.57,-3249 2429.57,-3252.5 2429.57,-3245.5"/>
<text text-anchor="middle" x="3096.58" y="-3463.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n135&#45;&gt;n101 -->
<g id="edge592" class="edge"><title>n135&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2472.26,-3855.33C2472.26,-3911.74 2472.26,-4074 2472.26,-4074 2472.26,-4074 950.603,-4074 950.603,-4074 950.603,-4074 950.603,-3038 950.603,-3038 950.603,-3038 1031.15,-3038 1031.15,-3038 1031.15,-3038 1031.15,-2939 1031.15,-2939 1031.15,-2939 2111.22,-2939 2111.22,-2939 2111.22,-2939 2111.22,-3099.78 2111.22,-3099.78"/>
<polygon fill="red" stroke="red" points="2107.72,-3099.78 2111.22,-3109.78 2114.72,-3099.78 2107.72,-3099.78"/>
<text text-anchor="middle" x="918.603" y="-3719.77" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n135&#45;&gt;n81 -->
<g id="edge590" class="edge"><title>n135&#45;&gt;n81</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2504.66,-3817.2C2504.66,-3777.15 2504.66,-3688 2504.66,-3688 2504.66,-3688 2350.59,-3688 2350.59,-3688 2350.59,-3688 2350.59,-3554 2350.59,-3554 2350.59,-3554 2326.92,-3554 2326.92,-3554"/>
<polygon fill="red" stroke="red" points="2326.92,-3550.5 2316.92,-3554 2326.92,-3557.5 2326.92,-3550.5"/>
<text text-anchor="middle" x="2381.39" y="-3691.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11107 -->
<g id="node236" class="node"><title>n11107</title>
<polygon fill="#97ffff" stroke="black" points="2876.65,-4349.15 2876.65,-4478.15 3054.65,-4478.15 3054.65,-4349.15 2876.65,-4349.15"/>
<text text-anchor="middle" x="2965.65" y="-4462.95" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2965.65" y="-4447.95" font-family="Times New Roman,serif" font-size="14.00">ChaptersTrackMenuItem</text>
<polyline fill="none" stroke="black" points="2876.65,-4440.15 3054.65,-4440.15 "/>
<text text-anchor="start" x="2884.65" y="-4424.95" font-family="Times New Roman,serif" font-size="14.00">+cue : object</text>
<text text-anchor="start" x="2884.65" y="-4409.95" font-family="Times New Roman,serif" font-size="14.00">+track : object</text>
<polyline fill="none" stroke="black" points="2876.65,-4402.15 3054.65,-4402.15 "/>
<text text-anchor="start" x="2884.65" y="-4386.95" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2884.65" y="-4371.95" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick()</text>
<text text-anchor="start" x="2884.65" y="-4356.95" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n135&#45;&gt;n11107 -->
<g id="edge593" class="edge"><title>n135&#45;&gt;n11107</title>
<path fill="none" stroke="black" d="M2500.94,-3867.28C2500.94,-3867.28 2500.94,-4353 2500.94,-4353 2500.94,-4353 2741.66,-4353 2876.6,-4353"/>
<polygon fill="black" stroke="black" points="2500.94,-3867.28 2496.94,-3861.28 2500.94,-3855.28 2504.94,-3861.28 2500.94,-3867.28"/>
</g>
<!-- n136&#45;&gt;n66 -->
<g id="edge595" class="edge"><title>n136&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2217.05,-3420.91C2217.05,-3387.26 2217.05,-3321 2217.05,-3321 2217.05,-3321 2356.55,-3321 2356.55,-3321 2356.55,-3321 2356.55,-3281.13 2356.55,-3281.13"/>
<polygon fill="red" stroke="red" points="2360.05,-3281.13 2356.55,-3271.13 2353.05,-3281.13 2360.05,-3281.13"/>
<text text-anchor="middle" x="2256.78" y="-3309.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n136&#45;&gt;n101 -->
<g id="edge596" class="edge"><title>n136&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2112.14,-3420.98C2112.14,-3367.69 2112.14,-3221 2112.14,-3221 2112.14,-3221 2131.06,-3221 2131.06,-3221 2131.06,-3221 2131.06,-3158.1 2131.06,-3158.1"/>
<polygon fill="red" stroke="red" points="2134.57,-3158.1 2131.06,-3148.1 2127.57,-3158.1 2134.57,-3158.1"/>
<text text-anchor="middle" x="2144.14" y="-3283.88" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n136&#45;&gt;n81 -->
<g id="edge594" class="edge"><title>n136&#45;&gt;n81</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2231.39,-3459.23C2231.39,-3459.23 2231.39,-3519.8 2231.39,-3519.8"/>
<polygon fill="red" stroke="red" points="2227.89,-3519.8 2231.39,-3529.8 2234.89,-3519.8 2227.89,-3519.8"/>
<text text-anchor="middle" x="2199.39" y="-3493.31" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n136&#45;&gt;n554 -->
<g id="edge598" class="edge"><title>n136&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1931.85,-3459.27C1931.85,-3472.61 1931.85,-3488 1931.85,-3488 1931.85,-3488 1608.36,-3488 1608.36,-3488 1608.36,-3488 1608.36,-3552 1608.36,-3552 1608.36,-3552 694.783,-3552 694.783,-3552 694.783,-3552 694.783,-2768 694.783,-2768 694.783,-2768 935.446,-2768 935.446,-2768 935.446,-2768 935.446,-2703 935.446,-2703 935.446,-2703 1138.12,-2703 1138.12,-2703 1138.12,-2703 1138.12,-2664 1138.12,-2664 1138.12,-2664 1633.31,-2664 1633.31,-2664 1633.31,-2664 1633.31,-2708 1633.31,-2708 1633.31,-2708 1620.82,-2708 1620.82,-2708"/>
<polygon fill="red" stroke="red" points="1620.82,-2704.5 1610.82,-2708 1620.82,-2711.5 1620.82,-2704.5"/>
<text text-anchor="middle" x="662.783" y="-3279.18" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n136&#45;&gt;n555 -->
<g id="edge597" class="edge"><title>n136&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1916.15,-3434C1867.75,-3434 1828.24,-3434 1828.24,-3434 1828.24,-3434 1828.24,-3253 1828.24,-3253 1828.24,-3253 1614.76,-3253 1614.76,-3253 1614.76,-3253 1614.76,-3105 1614.76,-3105 1614.76,-3105 1492.26,-3105 1492.26,-3105 1492.26,-3105 1492.26,-2933.12 1492.26,-2933.12"/>
<polygon fill="red" stroke="red" points="1495.76,-2933.12 1492.26,-2923.12 1488.76,-2933.12 1495.76,-2933.12"/>
<text text-anchor="middle" x="1666.76" y="-3241.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11127 -->
<g id="node237" class="node"><title>n11127</title>
<polygon fill="#97ffff" stroke="black" points="1778.87,-4257.51 1778.87,-4371.51 1956.87,-4371.51 1956.87,-4257.51 1778.87,-4257.51"/>
<text text-anchor="middle" x="1867.87" y="-4356.31" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1867.87" y="-4341.31" font-family="Times New Roman,serif" font-size="14.00">TextTrackMenuItem</text>
<polyline fill="none" stroke="black" points="1778.87,-4333.51 1956.87,-4333.51 "/>
<text text-anchor="start" x="1786.87" y="-4318.31" font-family="Times New Roman,serif" font-size="14.00">+track : object</text>
<polyline fill="none" stroke="black" points="1778.87,-4310.51 1956.87,-4310.51 "/>
<text text-anchor="start" x="1786.87" y="-4295.31" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1786.87" y="-4280.31" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick(event)</text>
<text text-anchor="start" x="1786.87" y="-4265.31" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTracksChange(event)</text>
</g>
<!-- n136&#45;&gt;n11127 -->
<g id="edge599" class="edge"><title>n136&#45;&gt;n11127</title>
<path fill="none" stroke="black" d="M2278.18,-3428C2278.18,-3428 2321.7,-3428 2321.7,-3428 2321.7,-3428 2321.7,-3657 2321.7,-3657 2321.7,-3657 2007.62,-3657 2007.62,-3657 2007.62,-3657 2007.62,-3799 2007.62,-3799 2007.62,-3799 1788.04,-3799 1788.04,-3799 1788.04,-3799 1788.04,-4123.15 1788.04,-4257.37"/>
<polygon fill="black" stroke="black" points="2278.18,-3428 2272.18,-3432 2266.18,-3428 2272.18,-3424 2278.18,-3428"/>
</g>
<!-- n137&#45;&gt;n66 -->
<g id="edge601" class="edge"><title>n137&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2920.08,-3393.08C2920.08,-3360.39 2920.08,-3297 2920.08,-3297 2920.08,-3297 2687.61,-3297 2687.61,-3297 2687.61,-3297 2687.61,-3307 2687.61,-3307 2687.61,-3307 2392.55,-3307 2392.55,-3307 2392.55,-3307 2392.55,-3281.16 2392.55,-3281.16"/>
<polygon fill="red" stroke="red" points="2396.05,-3281.16 2392.55,-3271.16 2389.05,-3281.16 2396.05,-3281.16"/>
<text text-anchor="middle" x="2655.61" y="-3301.98" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n137&#45;&gt;n101 -->
<g id="edge602" class="edge"><title>n137&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3033.21,-3431.26C3033.21,-3467.85 3033.21,-3544 3033.21,-3544 3033.21,-3544 2797.3,-3544 2797.3,-3544 2797.3,-3544 2797.3,-3577 2797.3,-3577 2797.3,-3577 1186.67,-3577 1186.67,-3577 1186.67,-3577 1186.67,-3441 1186.67,-3441 1186.67,-3441 997.163,-3441 997.163,-3441 997.163,-3441 997.163,-2937 997.163,-2937 997.163,-2937 2107.08,-2937 2107.08,-2937 2107.08,-2937 2107.08,-3099.93 2107.08,-3099.93"/>
<polygon fill="red" stroke="red" points="2103.58,-3099.93 2107.08,-3109.93 2110.58,-3099.93 2103.58,-3099.93"/>
<text text-anchor="middle" x="1218.67" y="-3525.77" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n137&#45;&gt;n121 -->
<g id="edge600" class="edge"><title>n137&#45;&gt;n121</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2872.66,-3431.14C2872.66,-3431.69 2872.66,-3432 2872.66,-3432 2872.66,-3432 2393.57,-3432 2393.57,-3432 2393.57,-3432 2393.57,-3579.9 2393.57,-3579.9"/>
<polygon fill="red" stroke="red" points="2390.07,-3579.9 2393.57,-3589.9 2397.07,-3579.9 2390.07,-3579.9"/>
<text text-anchor="middle" x="2527.59" y="-3435.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n137&#45;&gt;n134 -->
<g id="edge604" class="edge"><title>n137&#45;&gt;n134</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3057.03,-3411C3057.03,-3411 3057.91,-3411 3057.91,-3411"/>
<polygon fill="red" stroke="red" points="3055.9,-3414.5 3065.9,-3411 3055.9,-3407.5 3055.9,-3414.5"/>
<text text-anchor="middle" x="3089.47" y="-3414.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n137&#45;&gt;n136 -->
<g id="edge603" class="edge"><title>n137&#45;&gt;n136</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2945.04,-3431.08C2945.04,-3440.96 2945.04,-3451 2945.04,-3451 2945.04,-3451 2276.26,-3451 2276.26,-3451"/>
<polygon fill="red" stroke="red" points="2276.26,-3447.5 2266.26,-3451 2276.26,-3454.5 2276.26,-3447.5"/>
<text text-anchor="middle" x="2588.61" y="-3439.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11157 -->
<g id="node238" class="node"><title>n11157</title>
<polygon fill="#97ffff" stroke="black" points="3747.27,-3384.64 3747.27,-3475.64 3875.27,-3475.64 3875.27,-3384.64 3747.27,-3384.64"/>
<text text-anchor="middle" x="3811.27" y="-3460.44" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3811.27" y="-3445.44" font-family="Times New Roman,serif" font-size="14.00">TextTrackButton</text>
<polyline fill="none" stroke="black" points="3747.27,-3437.64 3875.27,-3437.64 "/>
<text text-anchor="start" x="3755.27" y="-3422.44" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player)</text>
<text text-anchor="start" x="3755.27" y="-3407.44" font-family="Times New Roman,serif" font-size="14.00">&#45;createItems()</text>
<text text-anchor="start" x="3755.27" y="-3392.44" font-family="Times New Roman,serif" font-size="14.00">&#45;options.tracks()</text>
</g>
<!-- n137&#45;&gt;n11157 -->
<g id="edge605" class="edge"><title>n137&#45;&gt;n11157</title>
<path fill="none" stroke="black" d="M3041.11,-3443.18C3041.11,-3443.18 3041.11,-3482 3041.11,-3482 3041.11,-3482 3782.71,-3482 3782.71,-3482 3782.71,-3482 3782.71,-3479.69 3782.71,-3476.05"/>
<polygon fill="black" stroke="black" points="3041.11,-3443.18 3037.11,-3437.18 3041.11,-3431.18 3045.11,-3437.18 3041.11,-3443.18"/>
</g>
<!-- n138&#45;&gt;n66 -->
<g id="edge607" class="edge"><title>n138&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3366.64,-3242C3409.01,-3242 3443.12,-3242 3443.12,-3242 3443.12,-3242 3443.12,-3070 3443.12,-3070 3443.12,-3070 3063.78,-3070 3063.78,-3070 3063.78,-3070 3063.78,-3017 3063.78,-3017 3063.78,-3017 2658.22,-3017 2658.22,-3017 2658.22,-3017 2658.22,-2986 2658.22,-2986 2658.22,-2986 2336.47,-2986 2336.47,-2986 2336.47,-2986 2336.47,-3222.76 2336.47,-3222.76"/>
<polygon fill="red" stroke="red" points="2332.97,-3222.76 2336.47,-3232.76 2339.97,-3222.76 2332.97,-3222.76"/>
<text text-anchor="middle" x="2874.65" y="-3020.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n138&#45;&gt;n137 -->
<g id="edge606" class="edge"><title>n138&#45;&gt;n137</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3052.78,-3314.65C3052.78,-3314.65 3052.78,-3382.95 3052.78,-3382.95"/>
<polygon fill="red" stroke="red" points="3049.28,-3382.95 3052.78,-3392.95 3056.28,-3382.95 3049.28,-3382.95"/>
<text text-anchor="middle" x="3020.78" y="-3352.6" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11172 -->
<g id="node239" class="node"><title>n11172</title>
<polygon fill="#97ffff" stroke="black" points="3922.11,-3250.95 3922.11,-3326.95 4138.11,-3326.95 4138.11,-3250.95 3922.11,-3250.95"/>
<text text-anchor="middle" x="4030.11" y="-3311.75" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="4030.11" y="-3296.75" font-family="Times New Roman,serif" font-size="14.00">SubtitlesButton</text>
<polyline fill="none" stroke="black" points="3922.11,-3288.95 4138.11,-3288.95 "/>
<text text-anchor="start" x="3930.11" y="-3273.75" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="3930.11" y="-3258.75" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options, ready)</text>
</g>
<!-- n138&#45;&gt;n11172 -->
<g id="edge608" class="edge"><title>n138&#45;&gt;n11172</title>
<path fill="none" stroke="black" d="M3378.98,-3288C3378.98,-3288 3921.94,-3288 3921.94,-3288"/>
<polygon fill="black" stroke="black" points="3378.98,-3288 3372.98,-3292 3366.98,-3288 3372.98,-3284 3378.98,-3288"/>
</g>
<!-- n139&#45;&gt;n66 -->
<g id="edge610" class="edge"><title>n139&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2639.18,-3462C2639.18,-3451.41 2639.18,-3443 2639.18,-3443 2639.18,-3443 2702.6,-3443 2702.6,-3443 2702.6,-3443 2702.6,-3312 2702.6,-3312 2702.6,-3312 2410.55,-3312 2410.55,-3312 2410.55,-3312 2410.55,-3280.9 2410.55,-3280.9"/>
<polygon fill="red" stroke="red" points="2414.05,-3280.9 2410.55,-3270.9 2407.05,-3280.9 2414.05,-3280.9"/>
<text text-anchor="middle" x="2679.73" y="-3315.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n139&#45;&gt;n80 -->
<g id="edge609" class="edge"><title>n139&#45;&gt;n80</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2684.23,-3542C2836.68,-3542 3058.44,-3542 3058.44,-3542 3058.44,-3542 3058.44,-3389 3058.44,-3389 3058.44,-3389 2965.1,-3389 2965.1,-3389 2965.1,-3389 2965.1,-3021 2965.1,-3021 2965.1,-3021 2674.54,-3021 2674.54,-3021 2674.54,-3021 2674.54,-2976.03 2674.54,-2976.03"/>
<polygon fill="red" stroke="red" points="2678.04,-2976.03 2674.54,-2966.03 2671.04,-2976.03 2678.04,-2976.03"/>
<text text-anchor="middle" x="2933.1" y="-3351.31" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n139&#45;&gt;n101 -->
<g id="edge611" class="edge"><title>n139&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2594.33,-3462.06C2594.33,-3454.52 2594.33,-3449 2594.33,-3449 2594.33,-3449 2722.45,-3449 2722.45,-3449 2722.45,-3449 2722.45,-3372 2722.45,-3372 2722.45,-3372 2947.22,-3372 2947.22,-3372 2947.22,-3372 2947.22,-3039 2947.22,-3039 2947.22,-3039 2146.29,-3039 2146.29,-3039 2146.29,-3039 2146.29,-3122 2146.29,-3122 2146.29,-3122 2145.53,-3122 2145.53,-3122"/>
<polygon fill="red" stroke="red" points="2148.69,-3118.5 2138.69,-3122 2148.69,-3125.5 2148.69,-3118.5"/>
<text text-anchor="middle" x="2860.85" y="-3042.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n140 -->
<g id="node135" class="node"><title>n140</title>
<polygon fill="aliceblue" stroke="black" points="2880.86,-3567.48 2880.86,-3605.48 3167.86,-3605.48 3167.86,-3567.48 2880.86,-3567.48"/>
<text text-anchor="middle" x="3024.36" y="-3590.28" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3024.36" y="-3575.28" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/volume&#45;control/volume&#45;level.js</text>
</g>
<!-- n139&#45;&gt;n140 -->
<g id="edge612" class="edge"><title>n139&#45;&gt;n140</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2669.37,-3546.17C2669.37,-3560.51 2669.37,-3573 2669.37,-3573 2669.37,-3573 2870.74,-3573 2870.74,-3573"/>
<polygon fill="red" stroke="red" points="2870.74,-3576.5 2880.74,-3573 2870.74,-3569.5 2870.74,-3576.5"/>
<text text-anchor="middle" x="2724.64" y="-3576.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11181 -->
<g id="node240" class="node"><title>n11181</title>
<polygon fill="#97ffff" stroke="black" points="2520.85,-4035.96 2520.85,-4201.96 2698.85,-4201.96 2698.85,-4035.96 2520.85,-4035.96"/>
<text text-anchor="middle" x="2609.85" y="-4186.76" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2609.85" y="-4171.76" font-family="Times New Roman,serif" font-size="14.00">VolumeBar</text>
<polyline fill="none" stroke="black" points="2520.85,-4163.96 2698.85,-4163.96 "/>
<text text-anchor="start" x="2528.85" y="-4148.76" font-family="Times New Roman,serif" font-size="14.00">&#45;checkMuted()</text>
<text text-anchor="start" x="2528.85" y="-4133.76" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2528.85" y="-4118.76" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2528.85" y="-4103.76" font-family="Times New Roman,serif" font-size="14.00">&#45;getPercent()</text>
<text text-anchor="start" x="2528.85" y="-4088.76" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseMove(event)</text>
<text text-anchor="start" x="2528.85" y="-4073.76" font-family="Times New Roman,serif" font-size="14.00">&#45;stepBack()</text>
<text text-anchor="start" x="2528.85" y="-4058.76" font-family="Times New Roman,serif" font-size="14.00">&#45;stepForward()</text>
<text text-anchor="start" x="2528.85" y="-4043.76" font-family="Times New Roman,serif" font-size="14.00">&#45;updateARIAAttributes()</text>
</g>
<!-- n139&#45;&gt;n11181 -->
<g id="edge613" class="edge"><title>n139&#45;&gt;n11181</title>
<path fill="none" stroke="black" d="M2654.72,-3558.24C2654.72,-3558.24 2654.72,-3680 2654.72,-3680 2654.72,-3680 2923.53,-3680 2923.53,-3680 2923.53,-3680 2923.53,-3814 2923.53,-3814 2923.53,-3814 2638.81,-3814 2638.81,-3814 2638.81,-3814 2638.81,-3945.33 2638.81,-4035.63"/>
<polygon fill="black" stroke="black" points="2654.72,-3558.24 2650.72,-3552.24 2654.72,-3546.24 2658.72,-3552.24 2654.72,-3558.24"/>
</g>
<!-- n140&#45;&gt;n66 -->
<g id="edge614" class="edge"><title>n140&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2880.68,-3578C2452.17,-3578 1212.61,-3578 1212.61,-3578 1212.61,-3578 1212.61,-3438 1212.61,-3438 1212.61,-3438 1580.11,-3438 1580.11,-3438 1580.11,-3438 1580.11,-3178 1580.11,-3178 1580.11,-3178 1758.99,-3178 1758.99,-3178 1758.99,-3178 1758.99,-3251 1758.99,-3251 1758.99,-3251 1837.39,-3251 1837.39,-3251 1837.39,-3251 1837.39,-3283 1837.39,-3283 1837.39,-3283 2428.62,-3283 2428.62,-3283 2428.62,-3283 2428.62,-3266 2428.62,-3266 2428.62,-3266 2427.73,-3266 2427.73,-3266"/>
<polygon fill="red" stroke="red" points="2429.78,-3262.5 2419.78,-3266 2429.78,-3269.5 2429.78,-3262.5"/>
<text text-anchor="middle" x="1180.61" y="-3546.39" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11218 -->
<g id="node241" class="node"><title>n11218</title>
<polygon fill="#97ffff" stroke="black" points="3607.99,-3867.06 3607.99,-3928.06 3731.99,-3928.06 3731.99,-3867.06 3607.99,-3867.06"/>
<text text-anchor="middle" x="3669.99" y="-3912.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3669.99" y="-3897.86" font-family="Times New Roman,serif" font-size="14.00">VolumeLevel</text>
<polyline fill="none" stroke="black" points="3607.99,-3890.06 3731.99,-3890.06 "/>
<text text-anchor="start" x="3615.99" y="-3874.86" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n140&#45;&gt;n11218 -->
<g id="edge615" class="edge"><title>n140&#45;&gt;n11218</title>
<path fill="none" stroke="black" d="M3085.55,-3617.62C3085.55,-3617.62 3085.55,-3631 3085.55,-3631 3085.55,-3631 3624.07,-3631 3624.07,-3631 3624.07,-3631 3624.07,-3796.97 3624.07,-3866.98"/>
<polygon fill="black" stroke="black" points="3085.55,-3617.62 3081.55,-3611.62 3085.55,-3605.62 3089.55,-3611.62 3085.55,-3617.62"/>
</g>
<!-- n141&#45;&gt;n66 -->
<g id="edge616" class="edge"><title>n141&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3429.33,-3178C3558.87,-3178 3724.69,-3178 3724.69,-3178 3724.69,-3178 3724.69,-3229 3724.69,-3229 3724.69,-3229 2377.01,-3229 2377.01,-3229 2377.01,-3229 2377.01,-3229.36 2377.01,-3229.36"/>
<polygon fill="red" stroke="red" points="2373.51,-3222.57 2377.01,-3232.57 2380.51,-3222.58 2373.51,-3222.57"/>
<text text-anchor="middle" x="3255.85" y="-3217.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n141&#45;&gt;n139 -->
<g id="edge617" class="edge"><title>n141&#45;&gt;n139</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3429.38,-3188C3549.94,-3188 3698.68,-3188 3698.68,-3188 3698.68,-3188 3698.68,-3491 3698.68,-3491 3698.68,-3491 3049,-3491 3049,-3491 3049,-3491 3049,-3540 3049,-3540 3049,-3540 2694.33,-3540 2694.33,-3540"/>
<polygon fill="red" stroke="red" points="2694.33,-3536.5 2684.33,-3540 2694.33,-3543.5 2694.33,-3536.5"/>
<text text-anchor="middle" x="3490.15" y="-3479.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11224 -->
<g id="node242" class="node"><title>n11224</title>
<polygon fill="#97ffff" stroke="black" points="3944.03,-3051.03 3944.03,-3127.03 4122.03,-3127.03 4122.03,-3051.03 3944.03,-3051.03"/>
<text text-anchor="middle" x="4033.03" y="-3111.83" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="4033.03" y="-3096.83" font-family="Times New Roman,serif" font-size="14.00">VolumeControl</text>
<polyline fill="none" stroke="black" points="3944.03,-3089.03 4122.03,-3089.03 "/>
<text text-anchor="start" x="3952.03" y="-3073.83" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3952.03" y="-3058.83" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n141&#45;&gt;n11224 -->
<g id="edge618" class="edge"><title>n141&#45;&gt;n11224</title>
<path fill="none" stroke="black" d="M3399.72,-3135.54C3399.72,-3135.54 3399.72,-3112 3399.72,-3112 3399.72,-3112 3769.54,-3112 3943.97,-3112"/>
<polygon fill="black" stroke="black" points="3399.72,-3135.54 3403.72,-3141.54 3399.72,-3147.54 3395.72,-3141.54 3399.72,-3135.54"/>
</g>
<!-- n142 -->
<g id="node137" class="node"><title>n142</title>
<polygon fill="aliceblue" stroke="black" points="2930.16,-3725.37 2930.16,-3763.37 3256.16,-3763.37 3256.16,-3725.37 2930.16,-3725.37"/>
<text text-anchor="middle" x="3093.16" y="-3748.17" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="3093.16" y="-3733.17" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/progress&#45;control/load&#45;progress&#45;bar.js</text>
</g>
<!-- n142&#45;&gt;n66 -->
<g id="edge619" class="edge"><title>n142&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3256.4,-3734C3487.16,-3734 3880.98,-3734 3880.98,-3734 3880.98,-3734 3880.98,-3118 3880.98,-3118 3880.98,-3118 3370.28,-3118 3370.28,-3118 3370.28,-3118 3370.28,-3077 3370.28,-3077 3370.28,-3077 3046.91,-3077 3046.91,-3077 3046.91,-3077 3046.91,-3019 3046.91,-3019 3046.91,-3019 2641.9,-3019 2641.9,-3019 2641.9,-3019 2641.9,-2987 2641.9,-2987 2641.9,-2987 2335.79,-2987 2335.79,-2987 2335.79,-2987 2335.79,-3222.83 2335.79,-3222.83"/>
<polygon fill="red" stroke="red" points="2332.29,-3222.83 2335.79,-3232.83 2339.29,-3222.83 2332.29,-3222.83"/>
<text text-anchor="middle" x="3513.27" y="-3121.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n142&#45;&gt;n92 -->
<g id="edge620" class="edge"><title>n142&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3256.16,-3744C3494.69,-3744 3910.78,-3744 3910.78,-3744 3910.78,-3744 3910.78,-3131 3910.78,-3131 3910.78,-3131 2342.64,-3131 2342.64,-3131"/>
<polygon fill="red" stroke="red" points="2342.64,-3127.5 2332.64,-3131 2342.64,-3134.5 2342.64,-3127.5"/>
<text text-anchor="middle" x="3728.52" y="-3134.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11237 -->
<g id="node243" class="node"><title>n11237</title>
<polygon fill="#97ffff" stroke="black" points="3477.04,-4307.37 3477.04,-4398.37 3655.04,-4398.37 3655.04,-4307.37 3477.04,-4307.37"/>
<text text-anchor="middle" x="3566.04" y="-4383.17" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3566.04" y="-4368.17" font-family="Times New Roman,serif" font-size="14.00">LoadProgressBar</text>
<polyline fill="none" stroke="black" points="3477.04,-4360.37 3655.04,-4360.37 "/>
<text text-anchor="start" x="3485.04" y="-4345.17" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3485.04" y="-4330.17" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3485.04" y="-4315.17" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n142&#45;&gt;n11237 -->
<g id="edge621" class="edge"><title>n142&#45;&gt;n11237</title>
<path fill="none" stroke="black" d="M3268.28,-3754C3268.28,-3754 3558.62,-3754 3558.62,-3754 3558.62,-3754 3558.62,-4167.61 3558.62,-4307.36"/>
<polygon fill="black" stroke="black" points="3268.28,-3754 3262.28,-3758 3256.28,-3754 3262.28,-3750 3268.28,-3754"/>
</g>
<!-- n143 -->
<g id="node138" class="node"><title>n143</title>
<polygon fill="aliceblue" stroke="black" points="2698.89,-2925.79 2698.89,-2963.79 3023.89,-2963.79 3023.89,-2925.79 2698.89,-2925.79"/>
<text text-anchor="middle" x="2861.39" y="-2948.59" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2861.39" y="-2933.59" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/progress&#45;control/play&#45;progress&#45;bar.js</text>
</g>
<!-- n143&#45;&gt;n66 -->
<g id="edge622" class="edge"><title>n143&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2725.15,-2964C2725.15,-2979.24 2725.15,-2998 2725.15,-2998 2725.15,-2998 2613.33,-2998 2613.33,-2998 2613.33,-2998 2613.33,-3129 2613.33,-3129 2613.33,-3129 2665.56,-3129 2665.56,-3129 2665.56,-3129 2665.56,-3306 2665.56,-3306 2665.56,-3306 2460.35,-3306 2460.35,-3306 2460.35,-3306 2460.35,-3251 2460.35,-3251 2460.35,-3251 2429.63,-3251 2429.63,-3251"/>
<polygon fill="red" stroke="red" points="2429.63,-3247.5 2419.63,-3251 2429.63,-3254.5 2429.63,-3247.5"/>
<text text-anchor="middle" x="2697.56" y="-3202.24" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n143&#45;&gt;n101 -->
<g id="edge623" class="edge"><title>n143&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3024.21,-2961C3208.74,-2961 3484.18,-2961 3484.18,-2961 3484.18,-2961 3484.18,-3222 3484.18,-3222 3484.18,-3222 977.006,-3222 977.006,-3222 977.006,-3222 977.006,-3050 977.006,-3050 977.006,-3050 1097.64,-3050 1097.64,-3050 1097.64,-3050 1097.64,-2944 1097.64,-2944 1097.64,-2944 2109.15,-2944 2109.15,-2944 2109.15,-2944 2109.15,-3099.94 2109.15,-3099.94"/>
<polygon fill="red" stroke="red" points="2105.65,-3099.94 2109.15,-3109.94 2112.65,-3099.94 2105.65,-3099.94"/>
<text text-anchor="middle" x="1840.04" y="-3210.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n143&#45;&gt;n93 -->
<g id="edge625" class="edge"><title>n143&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2733.91,-2963.87C2733.91,-2983.74 2733.91,-3012 2733.91,-3012 2733.91,-3012 2954.37,-3012 2954.37,-3012 2954.37,-3012 2954.37,-3244 2954.37,-3244 2954.37,-3244 2666.45,-3244 2666.45,-3244"/>
<polygon fill="red" stroke="red" points="2666.45,-3240.5 2656.45,-3244 2666.45,-3247.5 2666.45,-3240.5"/>
<text text-anchor="middle" x="2922.37" y="-3126.46" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n143&#45;&gt;n92 -->
<g id="edge624" class="edge"><title>n143&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2716.4,-2963.82C2716.4,-2980.13 2716.4,-3001 2716.4,-3001 2716.4,-3001 2588.82,-3001 2588.82,-3001 2588.82,-3001 2588.82,-3098 2588.82,-3098 2588.82,-3098 2342.69,-3098 2342.69,-3098"/>
<polygon fill="red" stroke="red" points="2342.69,-3094.5 2332.69,-3098 2342.69,-3101.5 2342.69,-3094.5"/>
<text text-anchor="middle" x="2620.82" y="-3093.99" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11272 -->
<g id="node244" class="node"><title>n11272</title>
<polygon fill="#97ffff" stroke="black" points="3492.96,-2443.42 3492.96,-2557.42 3670.96,-2557.42 3670.96,-2443.42 3492.96,-2443.42"/>
<text text-anchor="middle" x="3581.96" y="-2542.22" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3581.96" y="-2527.22" font-family="Times New Roman,serif" font-size="14.00">PlayProgressBar</text>
<polyline fill="none" stroke="black" points="3492.96,-2519.42 3670.96,-2519.42 "/>
<text text-anchor="start" x="3500.96" y="-2504.22" font-family="Times New Roman,serif" font-size="14.00">+keepTooltipsInside : object</text>
<polyline fill="none" stroke="black" points="3492.96,-2496.42 3670.96,-2496.42 "/>
<text text-anchor="start" x="3500.96" y="-2481.22" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3500.96" y="-2466.22" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3500.96" y="-2451.22" font-family="Times New Roman,serif" font-size="14.00">&#45;updateDataAttr()</text>
</g>
<!-- n143&#45;&gt;n11272 -->
<g id="edge626" class="edge"><title>n143&#45;&gt;n11272</title>
<path fill="none" stroke="black" d="M2946.18,-2913.59C2946.18,-2913.59 2946.18,-2541 2946.18,-2541 2946.18,-2541 3317.91,-2541 3492.89,-2541"/>
<polygon fill="black" stroke="black" points="2946.18,-2913.59 2950.18,-2919.59 2946.18,-2925.59 2942.18,-2919.59 2946.18,-2913.59"/>
</g>
<!-- n144&#45;&gt;n66 -->
<g id="edge627" class="edge"><title>n144&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3322.45,-3655C3540.64,-3655 3905.12,-3655 3905.12,-3655 3905.12,-3655 3905.12,-3229 3905.12,-3229 3905.12,-3229 2389.17,-3229 2389.17,-3229 2389.17,-3229 2389.17,-3229.36 2389.17,-3229.36"/>
<polygon fill="red" stroke="red" points="2385.67,-3222.57 2389.17,-3232.57 2392.67,-3222.58 2385.67,-3222.57"/>
<text text-anchor="middle" x="3619.3" y="-3232.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145 -->
<g id="node140" class="node"><title>n145</title>
<polygon fill="aliceblue" stroke="black" points="2223.63,-3327.78 2223.63,-3411.78 2496.63,-3411.78 2496.63,-3327.78 2223.63,-3327.78"/>
<text text-anchor="middle" x="2360.13" y="-3396.58" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2360.13" y="-3381.58" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/progress&#45;control/seek&#45;bar.js</text>
<polyline fill="none" stroke="black" points="2223.63,-3373.78 2496.63,-3373.78 "/>
<text text-anchor="start" x="2231.63" y="-3358.58" font-family="Times New Roman,serif" font-size="14.00">+playerEvent : string = timeupdate</text>
<polyline fill="none" stroke="black" points="2223.63,-3350.78 2496.63,-3350.78 "/>
<text text-anchor="start" x="2231.63" y="-3335.58" font-family="Times New Roman,serif" font-size="14.00">&#45;options_()</text>
</g>
<!-- n144&#45;&gt;n145 -->
<g id="edge628" class="edge"><title>n144&#45;&gt;n145</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3180.42,-3635.59C3180.42,-3576.66 3180.42,-3453 3180.42,-3453 3180.42,-3453 2434.23,-3453 2434.23,-3453 2434.23,-3453 2434.23,-3421.88 2434.23,-3421.88"/>
<polygon fill="red" stroke="red" points="2437.73,-3421.88 2434.23,-3411.88 2430.73,-3421.88 2437.73,-3421.88"/>
<text text-anchor="middle" x="2883.06" y="-3441.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n147 -->
<g id="node142" class="node"><title>n147</title>
<polygon fill="aliceblue" stroke="black" points="1630.74,-3597.06 1630.74,-3635.06 1965.74,-3635.06 1965.74,-3597.06 1630.74,-3597.06"/>
<text text-anchor="middle" x="1798.24" y="-3619.86" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="1798.24" y="-3604.86" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/progress&#45;control/mouse&#45;time&#45;display.js</text>
</g>
<!-- n144&#45;&gt;n147 -->
<g id="edge629" class="edge"><title>n144&#45;&gt;n147</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3002.99,-3674C2868.41,-3674 2697.64,-3674 2697.64,-3674 2697.64,-3674 2697.64,-3643 2697.64,-3643 2697.64,-3643 1915.71,-3643 1915.71,-3643 1915.71,-3643 1915.71,-3642.21 1915.71,-3642.21"/>
<polygon fill="red" stroke="red" points="1919.21,-3645.06 1915.71,-3635.06 1912.21,-3645.06 1919.21,-3645.06"/>
<text text-anchor="middle" x="2442.45" y="-3646.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11295 -->
<g id="node245" class="node"><title>n11295</title>
<polygon fill="#97ffff" stroke="black" points="3662.42,-4100.32 3662.42,-4161.32 3786.42,-4161.32 3786.42,-4100.32 3662.42,-4100.32"/>
<text text-anchor="middle" x="3724.42" y="-4146.12" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3724.42" y="-4131.12" font-family="Times New Roman,serif" font-size="14.00">ProgressControl</text>
<polyline fill="none" stroke="black" points="3662.42,-4123.32 3786.42,-4123.32 "/>
<text text-anchor="start" x="3670.42" y="-4108.12" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n144&#45;&gt;n11295 -->
<g id="edge630" class="edge"><title>n144&#45;&gt;n11295</title>
<path fill="none" stroke="black" d="M3334.57,-3686C3334.57,-3686 3759.21,-3686 3759.21,-3686 3759.21,-3686 3759.21,-3999.75 3759.21,-4100.25"/>
<polygon fill="black" stroke="black" points="3334.57,-3686 3328.57,-3690 3322.57,-3686 3328.57,-3682 3334.57,-3686"/>
</g>
<!-- n145&#45;&gt;n66 -->
<g id="edge633" class="edge"><title>n145&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2361.05,-3327.55C2361.05,-3327.55 2361.05,-3281.1 2361.05,-3281.1"/>
<polygon fill="red" stroke="red" points="2364.55,-3281.1 2361.05,-3271.1 2357.55,-3281.1 2364.55,-3281.1"/>
<text text-anchor="middle" x="2377.05" y="-3293.12" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n80 -->
<g id="edge632" class="edge"><title>n145&#45;&gt;n80</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2496.76,-3350C2578.87,-3350 2667.57,-3350 2667.57,-3350 2667.57,-3350 2667.57,-3128 2667.57,-3128 2667.57,-3128 2609.25,-3128 2609.25,-3128 2609.25,-3128 2609.25,-2975.99 2609.25,-2975.99"/>
<polygon fill="red" stroke="red" points="2612.75,-2975.99 2609.25,-2965.99 2605.75,-2975.99 2612.75,-2975.99"/>
<text text-anchor="middle" x="2699.57" y="-3223.04" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n101 -->
<g id="edge637" class="edge"><title>n145&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2288.11,-3327.54C2288.11,-3283.56 2288.11,-3221 2288.11,-3221 2288.11,-3221 2134.86,-3221 2134.86,-3221 2134.86,-3221 2134.86,-3158.1 2134.86,-3158.1"/>
<polygon fill="red" stroke="red" points="2138.36,-3158.1 2134.86,-3148.1 2131.36,-3158.1 2138.36,-3158.1"/>
<text text-anchor="middle" x="2265.3" y="-3224.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n93 -->
<g id="edge638" class="edge"><title>n145&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2492.09,-3327.58C2492.09,-3310.62 2492.09,-3295 2492.09,-3295 2492.09,-3295 2493.09,-3295 2493.09,-3295"/>
<polygon fill="red" stroke="red" points="2492.08,-3298.5 2502.08,-3295 2492.08,-3291.5 2492.08,-3298.5"/>
<text text-anchor="middle" x="2524.09" y="-3314.59" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n142 -->
<g id="edge634" class="edge"><title>n145&#45;&gt;n142</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2388.85,-3412.18C2388.85,-3469.06 2388.85,-3563 2388.85,-3563 2388.85,-3563 2603.91,-3563 2603.91,-3563 2603.91,-3563 2603.91,-3734 2603.91,-3734 2603.91,-3734 2919.91,-3734 2919.91,-3734"/>
<polygon fill="red" stroke="red" points="2919.91,-3737.5 2929.91,-3734 2919.91,-3730.5 2919.91,-3737.5"/>
<text text-anchor="middle" x="2635.91" y="-3627.36" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n143 -->
<g id="edge635" class="edge"><title>n145&#45;&gt;n143</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2497,-3358C2583.71,-3358 2679.59,-3358 2679.59,-3358 2679.59,-3358 2679.59,-3120 2679.59,-3120 2679.59,-3120 2617.41,-3120 2617.41,-3120 2617.41,-3120 2617.41,-3004 2617.41,-3004 2617.41,-3004 2707.64,-3004 2707.64,-3004 2707.64,-3004 2707.64,-2973.85 2707.64,-2973.85"/>
<polygon fill="red" stroke="red" points="2711.14,-2973.85 2707.64,-2963.85 2704.14,-2973.85 2711.14,-2973.85"/>
<text text-anchor="middle" x="2695.59" y="-3169.82" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n146 -->
<g id="node141" class="node"><title>n146</title>
<polygon fill="aliceblue" stroke="black" points="2742.66,-2972.83 2742.66,-3010.83 3080.66,-3010.83 3080.66,-2972.83 2742.66,-2972.83"/>
<text text-anchor="middle" x="2911.66" y="-2995.63" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="2911.66" y="-2980.63" font-family="Times New Roman,serif" font-size="14.00">src/js/control&#45;bar/progress&#45;control/tooltip&#45;progress&#45;bar.js</text>
</g>
<!-- n145&#45;&gt;n146 -->
<g id="edge636" class="edge"><title>n145&#45;&gt;n146</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2465.43,-3412.09C2465.43,-3428.76 2465.43,-3444 2465.43,-3444 2465.43,-3444 2719.72,-3444 2719.72,-3444 2719.72,-3444 2719.72,-3374 2719.72,-3374 2719.72,-3374 2961.52,-3374 2961.52,-3374 2961.52,-3374 2961.52,-3021.04 2961.52,-3021.04"/>
<polygon fill="red" stroke="red" points="2965.02,-3021.04 2961.52,-3011.04 2958.02,-3021.04 2965.02,-3021.04"/>
<text text-anchor="middle" x="2807" y="-3362.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n555 -->
<g id="edge631" class="edge"><title>n145&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2223.43,-3405C1987.66,-3405 1529.53,-3405 1529.53,-3405 1529.53,-3405 1529.53,-3425 1529.53,-3425 1529.53,-3425 964.134,-3425 964.134,-3425 964.134,-3425 964.134,-3029 964.134,-3029 964.134,-3029 1028.57,-3029 1028.57,-3029 1028.57,-3029 1028.57,-2979 1028.57,-2979 1028.57,-2979 1398.75,-2979 1398.75,-2979 1398.75,-2979 1398.75,-2907 1398.75,-2907 1398.75,-2907 1471.55,-2907 1471.55,-2907"/>
<polygon fill="red" stroke="red" points="1471.55,-2910.5 1481.55,-2907 1471.55,-2903.5 1471.55,-2910.5"/>
<text text-anchor="middle" x="1123.08" y="-3428.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n145&#45;&gt;n6994 -->
<g id="edge639" class="edge"><title>n145&#45;&gt;n6994</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2290.83,-3327.44C2290.83,-3279.2 2290.83,-3207 2290.83,-3207 2290.83,-3207 2167.29,-3207 2167.29,-3207 2167.29,-3207 2167.29,-3000 2167.29,-3000 2167.29,-3000 2184.47,-3000 2184.47,-3000"/>
<polygon fill="red" stroke="red" points="2184.47,-3003.5 2194.47,-3000 2184.47,-2996.5 2184.47,-3003.5"/>
<text text-anchor="middle" x="2177.18" y="-3195.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11302 -->
<g id="node246" class="node"><title>n11302</title>
<polygon fill="#97ffff" stroke="black" points="3244.19,-3778.88 3244.19,-4012.88 3493.19,-4012.88 3493.19,-3778.88 3244.19,-3778.88"/>
<text text-anchor="middle" x="3368.69" y="-3997.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3368.69" y="-3982.68" font-family="Times New Roman,serif" font-size="14.00">SeekBar</text>
<polyline fill="none" stroke="black" points="3244.19,-3974.88 3493.19,-3974.88 "/>
<text text-anchor="start" x="3252.19" y="-3959.68" font-family="Times New Roman,serif" font-size="14.00">+keepTooltipsInside : object</text>
<polyline fill="none" stroke="black" points="3244.19,-3951.88 3493.19,-3951.88 "/>
<text text-anchor="start" x="3252.19" y="-3936.68" font-family="Times New Roman,serif" font-size="14.00">+tooltipProgressBar(TooltipProgressBar)</text>
<text text-anchor="start" x="3252.19" y="-3921.68" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3252.19" y="-3906.68" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3252.19" y="-3891.68" font-family="Times New Roman,serif" font-size="14.00">&#45;getPercent()</text>
<text text-anchor="start" x="3252.19" y="-3876.68" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseDown(event)</text>
<text text-anchor="start" x="3252.19" y="-3861.68" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseMove(event)</text>
<text text-anchor="start" x="3252.19" y="-3846.68" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseUp(event)</text>
<text text-anchor="start" x="3252.19" y="-3831.68" font-family="Times New Roman,serif" font-size="14.00">&#45;stepBack()</text>
<text text-anchor="start" x="3252.19" y="-3816.68" font-family="Times New Roman,serif" font-size="14.00">&#45;stepForward()</text>
<text text-anchor="start" x="3252.19" y="-3801.68" font-family="Times New Roman,serif" font-size="14.00">&#45;updateAriaAttributes(el)</text>
<text text-anchor="start" x="3252.19" y="-3786.68" font-family="Times New Roman,serif" font-size="14.00">&#45;updateProgress()</text>
</g>
<!-- n145&#45;&gt;n11302 -->
<g id="edge640" class="edge"><title>n145&#45;&gt;n11302</title>
<path fill="none" stroke="black" d="M2384.12,-3424.03C2384.12,-3424.03 2384.12,-3550 2384.12,-3550 2384.12,-3550 3601.4,-3550 3601.4,-3550 3601.4,-3550 3601.4,-3813 3601.4,-3813 3601.4,-3813 3548.55,-3813 3493.22,-3813"/>
<polygon fill="black" stroke="black" points="2384.12,-3424.03 2380.12,-3418.03 2384.12,-3412.03 2388.12,-3418.03 2384.12,-3424.03"/>
</g>
<!-- n146&#45;&gt;n66 -->
<g id="edge641" class="edge"><title>n146&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2779.62,-3010.96C2779.62,-3020.9 2779.62,-3031 2779.62,-3031 2779.62,-3031 1946.62,-3031 1946.62,-3031 1946.62,-3031 1946.62,-3067 1946.62,-3067 1946.62,-3067 1824.68,-3067 1824.68,-3067 1824.68,-3067 1824.68,-3286 1824.68,-3286 1824.68,-3286 2446.75,-3286 2446.75,-3286 2446.75,-3286 2446.75,-3256 2446.75,-3256 2446.75,-3256 2429.69,-3256 2429.69,-3256"/>
<polygon fill="red" stroke="red" points="2429.69,-3252.5 2419.69,-3256 2429.69,-3259.5 2429.69,-3252.5"/>
<text text-anchor="middle" x="1918.11" y="-3055.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n146&#45;&gt;n101 -->
<g id="edge642" class="edge"><title>n146&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2742.45,-3008C2662.68,-3008 2584.74,-3008 2584.74,-3008 2584.74,-3008 2584.74,-3065 2584.74,-3065 2584.74,-3065 2381.48,-3065 2381.48,-3065 2381.48,-3065 2381.48,-3024 2381.48,-3024 2381.48,-3024 1939.73,-3024 1939.73,-3024 1939.73,-3024 1939.73,-3111 1939.73,-3111 1939.73,-3111 2027.49,-3111 2027.49,-3111"/>
<polygon fill="red" stroke="red" points="2027.49,-3114.5 2037.49,-3111 2027.49,-3107.5 2027.49,-3114.5"/>
<text text-anchor="middle" x="2270.72" y="-3027.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n146&#45;&gt;n93 -->
<g id="edge644" class="edge"><title>n146&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2957.95,-3011.08C2957.95,-3070.66 2957.95,-3248 2957.95,-3248 2957.95,-3248 2666.27,-3248 2666.27,-3248"/>
<polygon fill="red" stroke="red" points="2666.27,-3244.5 2656.27,-3248 2666.27,-3251.5 2666.27,-3244.5"/>
<text text-anchor="middle" x="2962.57" y="-3251.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n146&#45;&gt;n92 -->
<g id="edge643" class="edge"><title>n146&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2871.47,-3011.03C2871.47,-3045.2 2871.47,-3113 2871.47,-3113 2871.47,-3113 2342.66,-3113 2342.66,-3113"/>
<polygon fill="red" stroke="red" points="2342.66,-3109.5 2332.66,-3113 2342.66,-3116.5 2342.66,-3109.5"/>
<text text-anchor="middle" x="2690.05" y="-3116.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11375 -->
<g id="node247" class="node"><title>n11375</title>
<polygon fill="#97ffff" stroke="black" points="3649.62,-2621.56 3649.62,-2712.56 3827.62,-2712.56 3827.62,-2621.56 3649.62,-2621.56"/>
<text text-anchor="middle" x="3738.62" y="-2697.36" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3738.62" y="-2682.36" font-family="Times New Roman,serif" font-size="14.00">TooltipProgressBar</text>
<polyline fill="none" stroke="black" points="3649.62,-2674.56 3827.62,-2674.56 "/>
<text text-anchor="start" x="3657.62" y="-2659.36" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3657.62" y="-2644.36" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3657.62" y="-2629.36" font-family="Times New Roman,serif" font-size="14.00">&#45;updateDataAttr()</text>
</g>
<!-- n146&#45;&gt;n11375 -->
<g id="edge645" class="edge"><title>n146&#45;&gt;n11375</title>
<path fill="none" stroke="black" d="M3092.79,-2975C3092.79,-2975 3675.86,-2975 3675.86,-2975 3675.86,-2975 3675.86,-2798.61 3675.86,-2712.83"/>
<polygon fill="black" stroke="black" points="3092.79,-2975 3086.79,-2979 3080.79,-2975 3086.79,-2971 3092.79,-2975"/>
</g>
<!-- n147&#45;&gt;n66 -->
<g id="edge647" class="edge"><title>n147&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1639.46,-3596.74C1639.46,-3576.62 1639.46,-3548 1639.46,-3548 1639.46,-3548 1273.75,-3548 1273.75,-3548 1273.75,-3548 1273.75,-3226 1273.75,-3226 1273.75,-3226 2346.63,-3226 2346.63,-3226 2346.63,-3226 2346.63,-3226.68 2346.63,-3226.68"/>
<polygon fill="red" stroke="red" points="2343.13,-3222.8 2346.63,-3232.8 2350.13,-3222.8 2343.13,-3222.8"/>
<text text-anchor="middle" x="1410.3" y="-3229.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n147&#45;&gt;n101 -->
<g id="edge649" class="edge"><title>n147&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1642.37,-3596.92C1642.37,-3576.17 1642.37,-3546 1642.37,-3546 1642.37,-3546 1279.3,-3546 1279.3,-3546 1279.3,-3546 1279.3,-3234 1279.3,-3234 1279.3,-3234 1788.41,-3234 1788.41,-3234 1788.41,-3234 1788.41,-3122 1788.41,-3122 1788.41,-3122 2027.65,-3122 2027.65,-3122"/>
<polygon fill="red" stroke="red" points="2027.65,-3125.5 2037.65,-3122 2027.65,-3118.5 2027.65,-3125.5"/>
<text text-anchor="middle" x="1314.48" y="-3237.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n147&#45;&gt;n93 -->
<g id="edge650" class="edge"><title>n147&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1947.54,-3597.04C1947.54,-3563.18 1947.54,-3496 1947.54,-3496 1947.54,-3496 2286.44,-3496 2286.44,-3496 2286.44,-3496 2286.44,-3437 2286.44,-3437 2286.44,-3437 3540.44,-3437 3540.44,-3437 3540.44,-3437 3540.44,-3421 3540.44,-3421 3540.44,-3421 3441.12,-3421 3441.12,-3421 3441.12,-3421 3441.12,-3335 3441.12,-3335 3441.12,-3335 3022.83,-3335 3022.83,-3335 3022.83,-3335 3022.83,-3266 3022.83,-3266 3022.83,-3266 2666.19,-3266 2666.19,-3266"/>
<polygon fill="red" stroke="red" points="2666.19,-3262.5 2656.19,-3266 2666.19,-3269.5 2666.19,-3262.5"/>
<text text-anchor="middle" x="3154.59" y="-3440.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n147&#45;&gt;n92 -->
<g id="edge648" class="edge"><title>n147&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1636.56,-3596.95C1636.56,-3577.44 1636.56,-3550 1636.56,-3550 1636.56,-3550 1270.05,-3550 1270.05,-3550 1270.05,-3550 1270.05,-3134 1270.05,-3134 1270.05,-3134 1517.17,-3134 1517.17,-3134 1517.17,-3134 1517.17,-3090 1517.17,-3090 1517.17,-3090 2159.21,-3090 2159.21,-3090"/>
<polygon fill="red" stroke="red" points="2159.21,-3093.5 2169.21,-3090 2159.21,-3086.5 2159.21,-3093.5"/>
<text text-anchor="middle" x="1289.9" y="-3137.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n147&#45;&gt;n555 -->
<g id="edge646" class="edge"><title>n147&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1630.65,-3622C1605.17,-3622 1587.18,-3622 1587.18,-3622 1587.18,-3622 1587.18,-3561 1587.18,-3561 1587.18,-3561 1238.56,-3561 1238.56,-3561 1238.56,-3561 1238.56,-3430 1238.56,-3430 1238.56,-3430 1315.9,-3430 1315.9,-3430 1315.9,-3430 1315.9,-3119 1315.9,-3119 1315.9,-3119 1462.99,-3119 1462.99,-3119 1462.99,-3119 1462.99,-2897 1462.99,-2897 1462.99,-2897 1471.47,-2897 1471.47,-2897"/>
<polygon fill="red" stroke="red" points="1471.47,-2900.5 1481.47,-2897 1471.47,-2893.5 1471.47,-2900.5"/>
<text text-anchor="middle" x="1283.9" y="-3420.23" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11401 -->
<g id="node248" class="node"><title>n11401</title>
<polygon fill="azure" stroke="black" points="1052.4,-4093.42 1052.4,-4131.42 1244.4,-4131.42 1244.4,-4093.42 1052.4,-4093.42"/>
<text text-anchor="middle" x="1148.4" y="-4116.22" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="1148.4" y="-4101.22" font-family="Times New Roman,serif" font-size="14.00">lodash&#45;compat/function/throttle</text>
</g>
<!-- n147&#45;&gt;n11401 -->
<g id="edge651" class="edge"><title>n147&#45;&gt;n11401</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1717.39,-3635.3C1717.39,-3668.02 1717.39,-3731 1717.39,-3731 1717.39,-3731 1500.25,-3731 1500.25,-3731 1500.25,-3731 1500.25,-4112 1500.25,-4112 1500.25,-4112 1254.55,-4112 1254.55,-4112"/>
<polygon fill="red" stroke="red" points="1254.55,-4108.5 1244.55,-4112 1254.55,-4115.5 1254.55,-4108.5"/>
<text text-anchor="middle" x="1468.25" y="-3891.73" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11402 -->
<g id="node249" class="node"><title>n11402</title>
<polygon fill="#97ffff" stroke="black" points="1270.1,-4177.78 1270.1,-4351.78 1448.1,-4351.78 1448.1,-4177.78 1270.1,-4177.78"/>
<text text-anchor="middle" x="1359.1" y="-4336.58" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1359.1" y="-4321.58" font-family="Times New Roman,serif" font-size="14.00">MouseTimeDisplay</text>
<polyline fill="none" stroke="black" points="1270.1,-4313.78 1448.1,-4313.78 "/>
<text text-anchor="start" x="1278.1" y="-4298.58" font-family="Times New Roman,serif" font-size="14.00">+keepTooltipsInside : object</text>
<polyline fill="none" stroke="black" points="1270.1,-4290.78 1448.1,-4290.78 "/>
<text text-anchor="start" x="1278.1" y="-4275.58" font-family="Times New Roman,serif" font-size="14.00">+tooltip(div)</text>
<text text-anchor="start" x="1278.1" y="-4260.58" font-family="Times New Roman,serif" font-size="14.00">&#45;calculateDistance(event)</text>
<text text-anchor="start" x="1278.1" y="-4245.58" font-family="Times New Roman,serif" font-size="14.00">&#45;clampPosition_(position)</text>
<text text-anchor="start" x="1278.1" y="-4230.58" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1278.1" y="-4215.58" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1278.1" y="-4200.58" font-family="Times New Roman,serif" font-size="14.00">&#45;handleMouseMove(event)</text>
<text text-anchor="start" x="1278.1" y="-4185.58" font-family="Times New Roman,serif" font-size="14.00">&#45;update(newTime, position)</text>
</g>
<!-- n147&#45;&gt;n11402 -->
<g id="edge652" class="edge"><title>n147&#45;&gt;n11402</title>
<path fill="none" stroke="black" d="M1804.04,-3647.42C1804.04,-3647.42 1804.04,-3719 1804.04,-3719 1804.04,-3719 1281.68,-3719 1281.68,-3719 1281.68,-3719 1281.68,-4023.61 1281.68,-4177.69"/>
<polygon fill="black" stroke="black" points="1804.04,-3647.42 1800.04,-3641.42 1804.04,-3635.42 1808.04,-3641.42 1804.04,-3647.42"/>
</g>
<!-- n148&#45;&gt;n66 -->
<g id="edge653" class="edge"><title>n148&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2640.06,-3684.22C2640.06,-3648.25 2640.06,-3574 2640.06,-3574 2640.06,-3574 1275.6,-3574 1275.6,-3574 1275.6,-3574 1275.6,-3241 1275.6,-3241 1275.6,-3241 1842.88,-3241 1842.88,-3241 1842.88,-3241 1842.88,-3280 1842.88,-3280 1842.88,-3280 2442.22,-3280 2442.22,-3280 2442.22,-3280 2442.22,-3259 2442.22,-3259 2442.22,-3259 2429.71,-3259 2429.71,-3259"/>
<polygon fill="red" stroke="red" points="2429.71,-3255.5 2419.71,-3259 2429.71,-3262.5 2429.71,-3255.5"/>
<text text-anchor="middle" x="1243.6" y="-3514.08" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n148&#45;&gt;n93 -->
<g id="edge655" class="edge"><title>n148&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2710.52,-3684.04C2710.52,-3644.11 2710.52,-3556 2710.52,-3556 2710.52,-3556 3061.51,-3556 3061.51,-3556 3061.51,-3556 3061.51,-3385 3061.51,-3385 3061.51,-3385 2990.26,-3385 2990.26,-3385 2990.26,-3385 2990.26,-3257 2990.26,-3257 2990.26,-3257 2666.49,-3257 2666.49,-3257"/>
<polygon fill="red" stroke="red" points="2666.49,-3253.5 2656.49,-3257 2666.49,-3260.5 2666.49,-3253.5"/>
<text text-anchor="middle" x="3077.51" y="-3437.3" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n148&#45;&gt;n92 -->
<g id="edge654" class="edge"><title>n148&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2921.44,-3703C3222.86,-3703 3879.56,-3703 3879.56,-3703 3879.56,-3703 3879.56,-3132 3879.56,-3132 3879.56,-3132 2342.49,-3132 2342.49,-3132"/>
<polygon fill="red" stroke="red" points="2342.49,-3128.5 2332.49,-3132 2342.49,-3135.5 2342.49,-3128.5"/>
<text text-anchor="middle" x="3843.58" y="-3135.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11464 -->
<g id="node250" class="node"><title>n11464</title>
<polygon fill="#97ffff" stroke="black" points="3180.52,-4284.35 3180.52,-4375.35 3358.52,-4375.35 3358.52,-4284.35 3180.52,-4284.35"/>
<text text-anchor="middle" x="3269.52" y="-4360.15" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3269.52" y="-4345.15" font-family="Times New Roman,serif" font-size="14.00">DurationDisplay</text>
<polyline fill="none" stroke="black" points="3180.52,-4337.35 3358.52,-4337.35 "/>
<text text-anchor="start" x="3188.52" y="-4322.15" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3188.52" y="-4307.15" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3188.52" y="-4292.15" font-family="Times New Roman,serif" font-size="14.00">&#45;updateContent()</text>
</g>
<!-- n148&#45;&gt;n11464 -->
<g id="edge656" class="edge"><title>n148&#45;&gt;n11464</title>
<path fill="none" stroke="black" d="M2933.52,-3716C2933.52,-3716 3553.51,-3716 3553.51,-3716 3553.51,-3716 3553.51,-4294 3553.51,-4294 3553.51,-4294 3441.88,-4294 3358.59,-4294"/>
<polygon fill="black" stroke="black" points="2933.52,-3716 2927.52,-3720 2921.52,-3716 2927.52,-3712 2933.52,-3716"/>
</g>
<!-- n149&#45;&gt;n66 -->
<g id="edge657" class="edge"><title>n149&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2180.66,-3911.21C2180.66,-3957.37 2180.66,-4071 2180.66,-4071 2180.66,-4071 954.15,-4071 954.15,-4071 954.15,-4071 954.15,-3225 954.15,-3225 954.15,-3225 2352.71,-3225 2352.71,-3225 2352.71,-3225 2352.71,-3225.76 2352.71,-3225.76"/>
<polygon fill="red" stroke="red" points="2349.21,-3222.63 2352.71,-3232.63 2356.21,-3222.63 2349.21,-3222.63"/>
<text text-anchor="middle" x="922.15" y="-3645.29" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n149&#45;&gt;n93 -->
<g id="edge659" class="edge"><title>n149&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2470.39,-3885C2652.2,-3885 2925.19,-3885 2925.19,-3885 2925.19,-3885 2925.19,-3709 2925.19,-3709 2925.19,-3709 3876.7,-3709 3876.7,-3709 3876.7,-3709 3876.7,-3376 3876.7,-3376 3876.7,-3376 2995.69,-3376 2995.69,-3376 2995.69,-3376 2995.69,-3261 2995.69,-3261 2995.69,-3261 2666.53,-3261 2666.53,-3261"/>
<polygon fill="red" stroke="red" points="2666.53,-3257.5 2656.53,-3261 2666.53,-3264.5 2666.53,-3257.5"/>
<text text-anchor="middle" x="3844.7" y="-3674.87" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n149&#45;&gt;n92 -->
<g id="edge658" class="edge"><title>n149&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2470.13,-3898C2664.47,-3898 2968.31,-3898 2968.31,-3898 2968.31,-3898 2968.31,-3776 2968.31,-3776 2968.31,-3776 3885.27,-3776 3885.27,-3776 3885.27,-3776 3885.27,-3132 3885.27,-3132 3885.27,-3132 2342.5,-3132 2342.5,-3132"/>
<polygon fill="red" stroke="red" points="2342.5,-3128.5 2332.5,-3132 2342.5,-3135.5 2342.5,-3128.5"/>
<text text-anchor="middle" x="3917.27" y="-3454.98" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11489 -->
<g id="node251" class="node"><title>n11489</title>
<polygon fill="#97ffff" stroke="black" points="2191.14,-4672.78 2191.14,-4763.78 2369.14,-4763.78 2369.14,-4672.78 2191.14,-4672.78"/>
<text text-anchor="middle" x="2280.14" y="-4748.58" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="2280.14" y="-4733.58" font-family="Times New Roman,serif" font-size="14.00">CurrentTimeDisplay</text>
<polyline fill="none" stroke="black" points="2191.14,-4725.78 2369.14,-4725.78 "/>
<text text-anchor="start" x="2199.14" y="-4710.58" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="2199.14" y="-4695.58" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="2199.14" y="-4680.58" font-family="Times New Roman,serif" font-size="14.00">&#45;updateContent()</text>
</g>
<!-- n149&#45;&gt;n11489 -->
<g id="edge660" class="edge"><title>n149&#45;&gt;n11489</title>
<path fill="none" stroke="black" d="M2249.24,-3923.27C2249.24,-3923.27 2249.24,-4672.73 2249.24,-4672.73"/>
<polygon fill="black" stroke="black" points="2249.24,-3923.27 2245.24,-3917.27 2249.24,-3911.27 2253.24,-3917.27 2249.24,-3923.27"/>
</g>
<!-- n150&#45;&gt;n66 -->
<g id="edge661" class="edge"><title>n150&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2985.77,-3628C3265.27,-3628 3878.13,-3628 3878.13,-3628 3878.13,-3628 3878.13,-3229 3878.13,-3229 3878.13,-3229 2407.4,-3229 2407.4,-3229 2407.4,-3229 2407.4,-3229.36 2407.4,-3229.36"/>
<polygon fill="red" stroke="red" points="2403.9,-3222.57 2407.4,-3232.57 2410.9,-3222.58 2403.9,-3222.57"/>
<text text-anchor="middle" x="3756.26" y="-3232.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11515 -->
<g id="node252" class="node"><title>n11515</title>
<polygon fill="#97ffff" stroke="black" points="3563.73,-3980.31 3563.73,-4041.31 3687.73,-4041.31 3687.73,-3980.31 3563.73,-3980.31"/>
<text text-anchor="middle" x="3625.73" y="-4026.11" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3625.73" y="-4011.11" font-family="Times New Roman,serif" font-size="14.00">TimeDivider</text>
<polyline fill="none" stroke="black" points="3563.73,-4003.31 3687.73,-4003.31 "/>
<text text-anchor="start" x="3571.73" y="-3988.11" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n150&#45;&gt;n11515 -->
<g id="edge662" class="edge"><title>n150&#45;&gt;n11515</title>
<path fill="none" stroke="black" d="M2998.02,-3633C2998.02,-3633 3604.7,-3633 3604.7,-3633 3604.7,-3633 3604.7,-3890.27 3604.7,-3980.22"/>
<polygon fill="black" stroke="black" points="2998.02,-3633 2992.02,-3637 2986.02,-3633 2992.02,-3629 2998.02,-3633"/>
</g>
<!-- n78&#45;&gt;n66 -->
<g id="edge331" class="edge"><title>n78&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2003.82,-3591.86C2003.82,-3583.69 2003.82,-3576 2003.82,-3576 2003.82,-3576 1271.9,-3576 1271.9,-3576 1271.9,-3576 1271.9,-3226 1271.9,-3226 1271.9,-3226 2358.79,-3226 2358.79,-3226 2358.79,-3226 2358.79,-3226.68 2358.79,-3226.68"/>
<polygon fill="red" stroke="red" points="2355.29,-3222.8 2358.79,-3232.8 2362.29,-3222.8 2355.29,-3222.8"/>
<text text-anchor="middle" x="1239.9" y="-3234.91" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n78&#45;&gt;n79 -->
<g id="edge332" class="edge"><title>n78&#45;&gt;n79</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2134.09,-3591.82C2134.09,-3553.48 2134.09,-3471 2134.09,-3471 2134.09,-3471 1918.23,-3471 1918.23,-3471"/>
<polygon fill="red" stroke="red" points="1918.23,-3467.5 1908.23,-3471 1918.23,-3474.5 1918.23,-3467.5"/>
<text text-anchor="middle" x="2054.57" y="-3474.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n78&#45;&gt;n64 -->
<g id="edge330" class="edge"><title>n78&#45;&gt;n64</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2032.62,-3591.96C2032.62,-3582.06 2032.62,-3572 2032.62,-3572 2032.62,-3572 1909.7,-3572 1909.7,-3572 1909.7,-3572 1909.7,-3387 1909.7,-3387 1909.7,-3387 1861.74,-3387 1861.74,-3387 1861.74,-3387 1861.74,-3279.96 1861.74,-3279.96"/>
<polygon fill="red" stroke="red" points="1865.24,-3279.96 1861.74,-3269.96 1858.24,-3279.96 1865.24,-3279.96"/>
<text text-anchor="middle" x="1941.7" y="-3462.24" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n78&#45;&gt;n100 -->
<g id="edge335" class="edge"><title>n78&#45;&gt;n100</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2061.43,-3591.94C2061.43,-3581.23 2061.43,-3570 2061.43,-3570 2061.43,-3570 1911.31,-3570 1911.31,-3570 1911.31,-3570 1911.31,-3368.74 1911.31,-3368.74"/>
<polygon fill="red" stroke="red" points="1914.81,-3368.74 1911.31,-3358.74 1907.81,-3368.74 1914.81,-3368.74"/>
<text text-anchor="middle" x="1943.31" y="-3559.2" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n78&#45;&gt;n101 -->
<g id="edge334" class="edge"><title>n78&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1985.88,-3630.17C1985.88,-3636.05 1985.88,-3641 1985.88,-3641 1985.88,-3641 1595.15,-3641 1595.15,-3641 1595.15,-3641 1595.15,-3100 1595.15,-3100 1595.15,-3100 2081.48,-3100 2081.48,-3100 2081.48,-3100 2081.48,-3100.98 2081.48,-3100.98"/>
<polygon fill="red" stroke="red" points="2077.98,-3099.83 2081.48,-3109.83 2084.98,-3099.83 2077.98,-3099.83"/>
<text text-anchor="middle" x="1563.15" y="-3331.42" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n78&#45;&gt;n92 -->
<g id="edge333" class="edge"><title>n78&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2112.16,-3591.86C2112.16,-3556.61 2112.16,-3485 2112.16,-3485 2112.16,-3485 1764.98,-3485 1764.98,-3485 1764.98,-3485 1764.98,-3425 1764.98,-3425 1764.98,-3425 1810.9,-3425 1810.9,-3425 1810.9,-3425 1810.9,-3107 1810.9,-3107 1810.9,-3107 2159.16,-3107 2159.16,-3107"/>
<polygon fill="red" stroke="red" points="2159.16,-3110.5 2169.16,-3107 2159.16,-3103.5 2159.16,-3110.5"/>
<text text-anchor="middle" x="1842.9" y="-3360.65" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n8517 -->
<g id="node195" class="node"><title>n8517</title>
<polygon fill="#97ffff" stroke="black" points="1828.88,-4086.69 1828.88,-4207.69 1956.88,-4207.69 1956.88,-4086.69 1828.88,-4086.69"/>
<text text-anchor="middle" x="1892.88" y="-4192.49" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1892.88" y="-4177.49" font-family="Times New Roman,serif" font-size="14.00">PopupButton</text>
<polyline fill="none" stroke="black" points="1828.88,-4169.69 1956.88,-4169.69 "/>
<text text-anchor="start" x="1836.88" y="-4154.49" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="1836.88" y="-4139.49" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player)</text>
<text text-anchor="start" x="1836.88" y="-4124.49" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="1836.88" y="-4109.49" font-family="Times New Roman,serif" font-size="14.00">&#45;createPopup()</text>
<text text-anchor="start" x="1836.88" y="-4094.49" font-family="Times New Roman,serif" font-size="14.00">&#45;update()</text>
</g>
<!-- n78&#45;&gt;n8517 -->
<g id="edge336" class="edge"><title>n78&#45;&gt;n8517</title>
<path fill="none" stroke="black" d="M1996.75,-3642.05C1996.75,-3642.05 1996.75,-3789 1996.75,-3789 1996.75,-3789 1797.21,-3789 1797.21,-3789 1797.21,-3789 1797.21,-4102 1797.21,-4102 1797.21,-4102 1811.37,-4102 1828.8,-4102"/>
<polygon fill="black" stroke="black" points="1996.75,-3642.05 1992.75,-3636.05 1996.75,-3630.05 2000.75,-3636.05 1996.75,-3642.05"/>
</g>
<!-- n92&#45;&gt;n94 -->
<g id="edge418" class="edge"><title>n92&#45;&gt;n94</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2169.21,-3080C2071.37,-3080 1920.47,-3080 1920.47,-3080 1920.47,-3080 1920.47,-2825 1920.47,-2825 1920.47,-2825 2016.26,-2825 2016.26,-2825 2016.26,-2825 2016.26,-2787.91 2016.26,-2787.91"/>
<polygon fill="red" stroke="red" points="2019.76,-2787.91 2016.26,-2777.91 2012.76,-2787.91 2019.76,-2787.91"/>
<text text-anchor="middle" x="1888.47" y="-2999.23" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n92&#45;&gt;n95 -->
<g id="edge419" class="edge"><title>n92&#45;&gt;n95</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2169.13,-3085C1976.46,-3085 1510.04,-3085 1510.04,-3085 1510.04,-3085 1510.04,-3080.9 1510.04,-3080.9"/>
<polygon fill="red" stroke="red" points="1513.55,-3080.9 1510.04,-3070.9 1506.55,-3080.9 1513.55,-3080.9"/>
<text text-anchor="middle" x="1837.54" y="-3073.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n92&#45;&gt;n554 -->
<g id="edge416" class="edge"><title>n92&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2169.32,-3088C1966.13,-3088 1453.65,-3088 1453.65,-3088 1453.65,-3088 1453.65,-3052 1453.65,-3052 1453.65,-3052 740.617,-3052 740.617,-3052 740.617,-3052 740.617,-2772 740.617,-2772 740.617,-2772 1392.31,-2772 1392.31,-2772 1392.31,-2772 1392.31,-2716 1392.31,-2716 1392.31,-2716 1463.46,-2716 1463.46,-2716"/>
<polygon fill="red" stroke="red" points="1463.46,-2719.5 1473.46,-2716 1463.46,-2712.5 1463.46,-2719.5"/>
<text text-anchor="middle" x="911.546" y="-3040.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n92&#45;&gt;n555 -->
<g id="edge417" class="edge"><title>n92&#45;&gt;n555</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2169.17,-3086C1973.46,-3086 1494.02,-3086 1494.02,-3086 1494.02,-3086 1494.02,-2932.98 1494.02,-2932.98"/>
<polygon fill="red" stroke="red" points="1497.52,-2932.98 1494.02,-2922.98 1490.52,-2932.98 1497.52,-2932.98"/>
<text text-anchor="middle" x="1723.09" y="-3089.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n92&#45;&gt;n8958 -->
<g id="edge420" class="edge"><title>n92&#45;&gt;n8958</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2240.2,-3049.7C2240.2,-3040.38 2240.2,-3034 2240.2,-3034 2240.2,-3034 3084.31,-3034 3084.31,-3034 3084.31,-3034 3084.31,-2882 3084.31,-2882 3084.31,-2882 2900.5,-2882 2900.5,-2882"/>
<polygon fill="red" stroke="red" points="2900.5,-2878.5 2890.5,-2882 2900.5,-2885.5 2900.5,-2878.5"/>
<text text-anchor="middle" x="2790.31" y="-3037.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n125&#45;&gt;n66 -->
<g id="edge549" class="edge"><title>n125&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1570.17,-3741.31C1570.17,-3692.14 1570.17,-3565 1570.17,-3565 1570.17,-3565 1225.59,-3565 1225.59,-3565 1225.59,-3565 1225.59,-3436 1225.59,-3436 1225.59,-3436 1535.34,-3436 1535.34,-3436 1535.34,-3436 1535.34,-3401 1535.34,-3401 1535.34,-3401 2203.89,-3401 2203.89,-3401 2203.89,-3401 2203.89,-3324 2203.89,-3324 2203.89,-3324 2334.05,-3324 2334.05,-3324 2334.05,-3324 2334.05,-3281.21 2334.05,-3281.21"/>
<polygon fill="red" stroke="red" points="2337.55,-3281.21 2334.05,-3271.21 2330.55,-3281.21 2337.55,-3281.21"/>
<text text-anchor="middle" x="1500.27" y="-3424.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n125&#45;&gt;n101 -->
<g id="edge550" class="edge"><title>n125&#45;&gt;n101</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1575.84,-3741.09C1575.84,-3690.68 1575.84,-3559 1575.84,-3559 1575.84,-3559 1281.15,-3559 1281.15,-3559 1281.15,-3559 1281.15,-3346 1281.15,-3346 1281.15,-3346 1572.84,-3346 1572.84,-3346 1572.84,-3346 1572.84,-3154 1572.84,-3154 1572.84,-3154 1781.47,-3154 1781.47,-3154 1781.47,-3154 1781.47,-3130 1781.47,-3130 1781.47,-3130 2027.51,-3130 2027.51,-3130"/>
<polygon fill="red" stroke="red" points="2027.51,-3133.5 2037.51,-3130 2027.51,-3126.5 2027.51,-3133.5"/>
<text text-anchor="middle" x="1385.44" y="-3349.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n125&#45;&gt;n81 -->
<g id="edge548" class="edge"><title>n125&#45;&gt;n81</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1890.8,-3756C1936.15,-3756 1971.92,-3756 1971.92,-3756 1971.92,-3756 1971.92,-3552 1971.92,-3552 1971.92,-3552 2151.66,-3552 2151.66,-3552"/>
<polygon fill="red" stroke="red" points="2151.66,-3555.5 2161.66,-3552 2151.66,-3548.5 2151.66,-3555.5"/>
<text text-anchor="middle" x="1939.92" y="-3593.49" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10858 -->
<g id="node226" class="node"><title>n10858</title>
<polygon fill="#97ffff" stroke="black" points="1103.25,-4414.77 1103.25,-4558.77 1281.25,-4558.77 1281.25,-4414.77 1103.25,-4414.77"/>
<text text-anchor="middle" x="1192.25" y="-4543.57" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1192.25" y="-4528.57" font-family="Times New Roman,serif" font-size="14.00">AudioTrackMenuItem</text>
<polyline fill="none" stroke="black" points="1103.25,-4520.77 1281.25,-4520.77 "/>
<text text-anchor="start" x="1111.25" y="-4505.57" font-family="Times New Roman,serif" font-size="14.00">+options.selected : object</text>
<text text-anchor="start" x="1111.25" y="-4490.57" font-family="Times New Roman,serif" font-size="14.00">+track : object</text>
<polyline fill="none" stroke="black" points="1103.25,-4482.77 1281.25,-4482.77 "/>
<text text-anchor="start" x="1111.25" y="-4467.57" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="1111.25" y="-4452.57" font-family="Times New Roman,serif" font-size="14.00">&#45;handleClick(event)</text>
<text text-anchor="start" x="1111.25" y="-4437.57" font-family="Times New Roman,serif" font-size="14.00">&#45;handleTracksChange(event)</text>
<text text-anchor="start" x="1111.25" y="-4422.57" font-family="Times New Roman,serif" font-size="14.00">&#45;options.label()</text>
</g>
<!-- n125&#45;&gt;n10858 -->
<g id="edge551" class="edge"><title>n125&#45;&gt;n10858</title>
<path fill="none" stroke="black" d="M1507.44,-3765C1507.44,-3765 1257.25,-3765 1257.25,-3765 1257.25,-3765 1257.25,-4231.8 1257.25,-4414.6"/>
<polygon fill="black" stroke="black" points="1507.44,-3765 1513.44,-3761 1519.44,-3765 1513.44,-3769 1507.44,-3765"/>
</g>
<!-- n151&#45;&gt;n66 -->
<g id="edge663" class="edge"><title>n151&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3311.61,-3121C3428.31,-3121 3563.66,-3121 3563.66,-3121 3563.66,-3121 3563.66,-3228 3563.66,-3228 3563.66,-3228 2395.24,-3228 2395.24,-3228 2395.24,-3228 2395.24,-3228.46 2395.24,-3228.46"/>
<polygon fill="red" stroke="red" points="2391.74,-3222.6 2395.24,-3232.6 2398.74,-3222.6 2391.74,-3222.6"/>
<text text-anchor="middle" x="3126.74" y="-3216.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n151&#45;&gt;n93 -->
<g id="edge665" class="edge"><title>n151&#45;&gt;n93</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2984.83,-3123.82C2984.83,-3163.79 2984.83,-3252 2984.83,-3252 2984.83,-3252 2666.42,-3252 2666.42,-3252"/>
<polygon fill="red" stroke="red" points="2666.42,-3248.5 2656.42,-3252 2666.42,-3255.5 2666.42,-3248.5"/>
<text text-anchor="middle" x="2857.72" y="-3255.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n151&#45;&gt;n92 -->
<g id="edge664" class="edge"><title>n151&#45;&gt;n92</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M2979.24,-3117C2979.24,-3117 2342.59,-3117 2342.59,-3117"/>
<polygon fill="red" stroke="red" points="2342.59,-3113.5 2332.59,-3117 2342.59,-3120.5 2342.59,-3113.5"/>
<text text-anchor="middle" x="2692.92" y="-3105.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n11521 -->
<g id="node253" class="node"><title>n11521</title>
<polygon fill="#97ffff" stroke="black" points="3825.32,-2880.94 3825.32,-2971.94 4003.32,-2971.94 4003.32,-2880.94 3825.32,-2880.94"/>
<text text-anchor="middle" x="3914.32" y="-2956.74" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="3914.32" y="-2941.74" font-family="Times New Roman,serif" font-size="14.00">RemainingTimeDisplay</text>
<polyline fill="none" stroke="black" points="3825.32,-2933.94 4003.32,-2933.94 "/>
<text text-anchor="start" x="3833.32" y="-2918.74" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor(player, options)</text>
<text text-anchor="start" x="3833.32" y="-2903.74" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
<text text-anchor="start" x="3833.32" y="-2888.74" font-family="Times New Roman,serif" font-size="14.00">&#45;updateContent()</text>
</g>
<!-- n151&#45;&gt;n11521 -->
<g id="edge666" class="edge"><title>n151&#45;&gt;n11521</title>
<path fill="none" stroke="black" d="M3323.72,-3106C3323.72,-3106 3858.62,-3106 3858.62,-3106 3858.62,-3106 3858.62,-3025.41 3858.62,-2972.21"/>
<polygon fill="black" stroke="black" points="3323.72,-3106 3317.72,-3110 3311.72,-3106 3317.72,-3102 3323.72,-3106"/>
</g>
<!-- n115&#45;&gt;n67 -->
<g id="edge492" class="edge"><title>n115&#45;&gt;n67</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1659.37,-2055.4C1659.37,-2059.69 1659.37,-2063 1659.37,-2063 1659.37,-2063 1247.8,-2063 1247.8,-2063"/>
<polygon fill="red" stroke="red" points="1247.8,-2059.5 1237.8,-2063 1247.8,-2066.5 1247.8,-2059.5"/>
<text text-anchor="middle" x="1425.38" y="-2066.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n115&#45;&gt;n89 -->
<g id="edge489" class="edge"><title>n115&#45;&gt;n89</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1709.93,-2055.3C1709.93,-2055.3 1709.93,-2407.08 1709.93,-2407.08"/>
<polygon fill="red" stroke="red" points="1706.43,-2407.08 1709.93,-2417.08 1713.43,-2407.08 1706.43,-2407.08"/>
<text text-anchor="middle" x="1741.93" y="-2234.99" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n115&#45;&gt;n94 -->
<g id="edge491" class="edge"><title>n115&#45;&gt;n94</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1735.75,-2055.66C1735.75,-2066.56 1735.75,-2078 1735.75,-2078 1735.75,-2078 2271.33,-2078 2271.33,-2078 2271.33,-2078 2271.33,-1842 2271.33,-1842 2271.33,-1842 3173.42,-1842 3173.42,-1842 3173.42,-1842 3173.42,-2905 3173.42,-2905 3173.42,-2905 2330.42,-2905 2330.42,-2905 2330.42,-2905 2330.42,-2835 2330.42,-2835 2330.42,-2835 1976.59,-2835 1976.59,-2835 1976.59,-2835 1976.59,-2852 1976.59,-2852 1976.59,-2852 2059.64,-2852 2059.64,-2852 2059.64,-2852 2059.64,-2787.75 2059.64,-2787.75"/>
<polygon fill="red" stroke="red" points="2063.14,-2787.75 2059.64,-2777.75 2056.14,-2787.75 2063.14,-2787.75"/>
<text text-anchor="middle" x="3205.42" y="-2244.86" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n115&#45;&gt;n554 -->
<g id="edge490" class="edge"><title>n115&#45;&gt;n554</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M1611.46,-2048C1393.04,-2048 691.899,-2048 691.899,-2048 691.899,-2048 691.899,-2497 691.899,-2497 691.899,-2497 1234.19,-2497 1234.19,-2497 1234.19,-2497 1234.19,-2706 1234.19,-2706 1234.19,-2706 1228.04,-2706 1228.04,-2706 1228.04,-2706 1228.04,-2672 1228.04,-2672 1228.04,-2672 1428.47,-2672 1428.47,-2672 1428.47,-2672 1428.47,-2700 1428.47,-2700 1428.47,-2700 1463.79,-2700 1463.79,-2700"/>
<polygon fill="red" stroke="red" points="1463.79,-2703.5 1473.79,-2700 1463.79,-2696.5 1463.79,-2703.5"/>
<text text-anchor="middle" x="723.899" y="-2344.11" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10628 -->
<g id="node216" class="node"><title>n10628</title>
<polygon fill="#97ffff" stroke="black" points="1541.79,-1372.35 1541.79,-1471.35 1669.79,-1471.35 1669.79,-1372.35 1541.79,-1372.35"/>
<text text-anchor="middle" x="1605.79" y="-1456.15" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="1605.79" y="-1441.15" font-family="Times New Roman,serif" font-size="14.00">Track</text>
<polyline fill="none" stroke="black" points="1541.79,-1433.35 1669.79,-1433.35 "/>
<text text-anchor="start" x="1549.79" y="-1418.15" font-family="Times New Roman,serif" font-size="14.00">+track : variable</text>
<text text-anchor="start" x="1549.79" y="-1403.15" font-family="Times New Roman,serif" font-size="14.00">+track.prop : object</text>
<polyline fill="none" stroke="black" points="1541.79,-1395.35 1669.79,-1395.35 "/>
<text text-anchor="start" x="1549.79" y="-1380.15" font-family="Times New Roman,serif" font-size="14.00">&#45;constructor()</text>
</g>
<!-- n115&#45;&gt;n10628 -->
<g id="edge493" class="edge"><title>n115&#45;&gt;n10628</title>
<path fill="none" stroke="black" d="M1599.56,-2023C1599.56,-2023 1579.17,-2023 1579.17,-2023 1579.17,-2023 1579.17,-1615.58 1579.17,-1471.55"/>
<polygon fill="black" stroke="black" points="1599.56,-2023 1605.56,-2019 1611.56,-2023 1605.56,-2027 1599.56,-2023"/>
</g>
<!-- n516 -->
<g id="node166" class="node"><title>n516</title>
<polygon fill="#8deeee" stroke="black" points="474.148,-3318.35 474.148,-3356.35 623.148,-3356.35 623.148,-3318.35 474.148,-3318.35"/>
<text text-anchor="middle" x="548.648" y="-3341.15" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Function»</text>
<text text-anchor="middle" x="548.648" y="-3326.15" font-family="Times New Roman,serif" font-size="14.00">+module.exports(grunt)</text>
</g>
<!-- n515 -->
<g id="node179" class="node"><title>n515</title>
<polygon fill="azure" stroke="black" points="553.776,-3416.87 553.776,-3454.87 690.776,-3454.87 690.776,-3416.87 553.776,-3416.87"/>
<text text-anchor="middle" x="622.276" y="-3439.67" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Require»</text>
<text text-anchor="middle" x="622.276" y="-3424.67" font-family="Times New Roman,serif" font-size="14.00">child_process</text>
</g>
<!-- n128&#45;&gt;n66 -->
<g id="edge562" class="edge"><title>n128&#45;&gt;n66</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3341.32,-3456C3004.83,-3456 2296.59,-3456 2296.59,-3456 2296.59,-3456 2296.59,-3490 2296.59,-3490 2296.59,-3490 1604.63,-3490 1604.63,-3490 1604.63,-3490 1604.63,-3554 1604.63,-3554 1604.63,-3554 706.806,-3554 706.806,-3554 706.806,-3554 706.806,-3025 706.806,-3025 706.806,-3025 1026,-3025 1026,-3025 1026,-3025 1026,-2997 1026,-2997 1026,-2997 1456.76,-2997 1456.76,-2997 1456.76,-2997 1456.76,-3087 1456.76,-3087 1456.76,-3087 2100.86,-3087 2100.86,-3087 2100.86,-3087 2100.86,-3074 2100.86,-3074 2100.86,-3074 2154.69,-3074 2154.69,-3074 2154.69,-3074 2154.69,-3204 2154.69,-3204 2154.69,-3204 2305.2,-3204 2305.2,-3204 2305.2,-3204 2305.2,-3222.68 2305.2,-3222.68"/>
<polygon fill="red" stroke="red" points="2301.7,-3222.68 2305.2,-3232.68 2308.7,-3222.68 2301.7,-3222.68"/>
<text text-anchor="middle" x="837.524" y="-3557.8" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n128&#45;&gt;n129 -->
<g id="edge561" class="edge"><title>n128&#45;&gt;n129</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M3437.67,-3477.68C3437.67,-3477.68 3437.67,-3489.66 3437.67,-3489.66"/>
<polygon fill="red" stroke="red" points="3434.17,-3489.66 3437.67,-3499.66 3441.17,-3489.66 3434.17,-3489.66"/>
<text text-anchor="middle" x="3405.67" y="-3487.47" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Import *»</text>
</g>
<!-- n10958 -->
<g id="node229" class="node"><title>n10958</title>
<polygon fill="#97ffff" stroke="black" points="4157.23,-3599.54 4157.23,-3675.54 4300.23,-3675.54 4300.23,-3599.54 4157.23,-3599.54"/>
<text text-anchor="middle" x="4228.73" y="-3660.34" font-family="Times New Roman,serif" font-size="14.00">«JavaScript Class»</text>
<text text-anchor="middle" x="4228.73" y="-3645.34" font-family="Times New Roman,serif" font-size="14.00">CustomControlSpacer</text>
<polyline fill="none" stroke="black" points="4157.23,-3637.54 4300.23,-3637.54 "/>
<text text-anchor="start" x="4165.23" y="-3622.34" font-family="Times New Roman,serif" font-size="14.00">&#45;buildCSSClass()</text>
<text text-anchor="start" x="4165.23" y="-3607.34" font-family="Times New Roman,serif" font-size="14.00">&#45;createEl()</text>
</g>
<!-- n128&#45;&gt;n10958 -->
<g id="edge563" class="edge"><title>n128&#45;&gt;n10958</title>
<path fill="none" stroke="black" d="M3632.11,-3490C3632.11,-3490 3632.11,-3630 3632.11,-3630 3632.11,-3630 3998.54,-3630 4157.06,-3630"/>
<polygon fill="black" stroke="black" points="3632.11,-3490 3628.11,-3484 3632.11,-3478 3636.11,-3484 3632.11,-3490"/>
</g>
<!-- n4 -->
<g id="node211" class="node"><title>n4</title>
<polygon fill="aliceblue" stroke="black" points="539.178,-3365.88 539.178,-3403.88 686.178,-3403.88 686.178,-3365.88 539.178,-3365.88"/>
<text text-anchor="middle" x="612.678" y="-3388.68" font-family="Times New Roman,serif" font-size="14.00">«JavaScript»</text>
<text text-anchor="middle" x="612.678" y="-3373.68" font-family="Times New Roman,serif" font-size="14.00">build/tasks/saucelabs.js</text>
</g>
<!-- n4&#45;&gt;n516 -->
<g id="edge21" class="edge"><title>n4&#45;&gt;n516</title>
<path fill="none" stroke="black" d="M581.163,-3357.35C581.163,-3357.35 581.163,-3356.41 581.163,-3356.41"/>
<polygon fill="black" stroke="black" points="581.163,-3353.82 585.163,-3359.82 581.163,-3365.82 577.163,-3359.82 581.163,-3353.82"/>
</g>
<!-- n4&#45;&gt;n515 -->
<g id="edge20" class="edge"><title>n4&#45;&gt;n515</title>
<path fill="none" stroke="red" stroke-dasharray="5,2" d="M619.977,-3404.16C619.977,-3404.16 619.977,-3406.57 619.977,-3406.57"/>
<polygon fill="red" stroke="red" points="616.477,-3406.57 619.977,-3416.57 623.477,-3406.57 616.477,-3406.57"/>
<text text-anchor="middle" x="590.477" y="-3409.16" font-family="Times New Roman,serif" font-size="14.00" fill="red">«Require»</text>
</g>
</g>
</svg>